.banner__outer {
	background: #005F40;
	color: #ffffff;
	padding: 80px 0;
}

.banner__wrapper {
	padding: 0 30px;
	max-width: 880px;
	margin: auto;
}

.banner__content {
	display: flex;
	align-items: flex-start;
}

.banner__buttons {
	@media (min-width: 1024px) {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.shariff {

		.linkedin,
		.mail {
			a {
				background-color: transparent;
				margin-right: 10px;
				display: inline-block;
			}
		} 

		.fa-linkedin-in,
		.fa-envelope {
			&:before {
				content: '';
				display: block;
				width: 30px;
				height: 30px;
				background-size: 30px 30px;
				background-repeat: no-repeat;
			}
		}

		.fa-linkedin-in:before {
			background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='48' viewBox='0 0 72 72' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36,0h0C16.1,0,0,16.1,0,36h0c0,19.9,16.1,36,36,36h0c19.9,0,36-16.1,36-36h0C72,16.1,55.9,0,36,0ZM24.7,53.8h-8.5v-27.5h8.5v27.5ZM20.4,22.7c-2.8,0-5-2.3-5-5.1s2.3-5.1,5-5.1,5,2.3,5,5.1-2.3,5.1-5,5.1ZM56.6,53.8h-8.5v-14.4c0-4-1.5-6.2-4.6-6.2s-5.2,2.3-5.2,6.2v14.4h-8.2v-27.5h8.2v3.7s2.5-4.5,8.3-4.5,10,3.6,10,10.9v17.4Z' fill='%23fff'/%3E%3C/svg%3E");
		}

		.fa-envelope:before {
			background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:%23fff;fill-rule:evenodd%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='st0' points='16 24.2 16 47.8 27.7 36 16 24.2'/%3E%3Cpath class='st0' d='M40.4,40c-1.2,1.2-2.7,1.8-4.3,1.8s-3.2-.6-4.3-1.8l-2.3-2.3-11.6,11.7h36.4l-11.6-11.7-2.2,2.2Z'/%3E%3Cpath class='st0' d='M36,0C16.1,0,0,16.1,0,36s16.1,36,36,36,36-16.1,36-36S55.9,0,36,0ZM58.5,47.9c0,2.2-1.8,4.1-4,4.1H17.5c-2.2,0-4-1.8-4-4.1v-23.8c0-2.2,1.8-4,4-4h36.9c2.2,0,4,1.8,4,4v23.8Z'/%3E%3Cpath class='st0' d='M38.6,38.2l3.1-3.1s0,0,0,0,0,0,0,0l12.6-12.6H17.8l15.7,15.7c1.4,1.4,3.8,1.4,5.1,0Z'/%3E%3Cpolygon class='st0' points='56 47.7 56 24.4 44.4 36 56 47.7'/%3E%3C/svg%3E");
		}
	}

	> div {
		span {
			font-size: 16px;
			margin-bottom: 15px;
			display: inline-block;
		}

		&:first-child {
			@media (min-width: 1024px) {
				width: 70%;
			}

			a {
				margin-bottom: 20px;

				@media (min-width: 1024px) {
					margin-bottom: 0;
				}
			}

		}

		&:last-child {

			@media (min-width: 1024px) {
				width: 30%;
			}
		}
	}
}

.banner__text {
	p {
		padding-bottom: 0;
		margin-bottom: 40px;
		font-size: 20px;
		line-height: 30px;
		padding-left: 34px;

		@media (min-width: 1024px) {
			font-size: 30px;
			line-height: 33px;
			margin-bottom: 112px;
		}
	}
}

.banner__button {
	&:before {
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 14 20' width='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.73858 0H0L9.4129 10.1263L0 20H4.73858L14 10.1263L4.73858 0Z' fill='%23005f40' fill-rule='evenodd'/%3E%3C/svg%3E");
	}

	&:first-child {
		margin-right: 10px;
	}
}

.banner__button--download {
	&:before {
		transform: rotate(90deg);
	}
}