* {
	font-family: 'Open Sans', sans-serif;
}
html, body {
	width: 100%;
	overflow-x: hidden;
}
header {
  padding: 156px 0 100px;
}

section {
  padding: 150px 0;
}

#homeSection .img { height: 100vh }

@media (max-width: 768px) {
	#homeSection .img { height: 50vh }
}

#homeSection .img div {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
	transition: all .2s ease-in-out;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#homeSection .img div:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

#homeSection .img div h2 {
	font-size: 3rem;
	line-height: 1
}

#homeSection .img div h2 > a {
	position: relative;
	text-decoration: none;
	color: white !important;
}

#homeSection .img div h2 > a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: 0;
	left: 0;
	background-color: white;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

#homeSection .img div h2 > a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}