.section--contact {
	background: #666 url(images/hero.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
	min-height: 600px;
	&:before {
		content: '';
		top: 0;
		bottom: 0;
		right: 0;
		left: 50%;
		width: 50%;
		height: 100%;
		background: $color__white;
		opacity: 0.1;
		position: absolute;
		z-index: -1;
	}

	.container {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		min-height: 600px;
	}
}
.section-contact__left {
	width: 50%;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
}
.section-contact__right {
	width: 50%;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
}
.contact__left {
	width: 87%;
	display: inline-block;
	.title {
		text-align: right;
	}
	h2 {
		margin: 0;
		font-weight: 100;
		@include font-size(4.8);
		text-align: right;
		text-transform: uppercase;
		line-height: 1.3;
		color: $color__white;
		letter-spacing: 0.025em;
		display: inline;
		box-shadow: inset 0 -31px 0 rgba(255, 255, 255, 0.08);
	}
	p {
		font-weight: 400;
		@include font-size(1.7);
		color: $color__white;
		text-align: right;
		line-height: 1.9;
		margin-top: 40px;
	}
	ul {
		position: relative;
		margin-bottom: 0;
		li {
			font-weight: 400;
			@include font-size(1.7);
			color: $color__white;
			text-align: right;
			margin-top: 0;
			margin-bottom: 5px;
			list-style: none;
			margin-right: 38px;
			&:after {
				content: '\f058';
				@include fa-icon();
				@include font-size(2.4);
				margin-left: 17px;
				color: $color__main;
				margin-top: 2px;
				position: absolute;
			}
		}
	}
}
@media (max-width: 991px) {
	.section-contact__left {
		width: 100%;
		.contact__left {
			width: 100%;
			margin-top: 50px;
		}
		.title {
			text-align: center;
		}
		p {
			text-align: center;
		}
		ul {
			margin: 0;
			padding: 0;
			li {
				text-align: center;
				padding-bottom: 0;
			}
		}
	}
	.section-contact__right {
		width: 100%;
	}
}
@media (max-width: 574px) {
	.section--contact {
		&:before {
			width: 0;
		}
	}
	.section-contact__left {
		h2 {
			@include font-size(2.8);
			box-shadow: inset 0 -18px 0 rgba(255, 255, 255, 0.08);
		}
		.contact__left {
			li,
			p {
				@include font-size(1.4);
			}
			li {
				&:after {
					@include font-size(2);
				}
			}
		}
	}
}