html,body { height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; font-family: 'Raleway';}

.col-xs-6 {
	padding-left: 0!important;
	padding-right: 0!important;
}

.fullheight {
	height: 100%;
	margin: 0!important;
}

.education, .salons {
	display: block;
	height: 100%;
	background-size: cover!important;
	text-align: center;
}

	.education {
		background: url('../img/education.jpg') top center no-repeat;
	}

	.salons {
		background: url('../img/salons.jpg') top center no-repeat;
	}

.education a, .salons a {
	display: block;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.1);
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	position: absolute;
}

	.education a:hover, .salons a:hover {
		background: rgba(0,0,0,0.5);
	}
	
.education img, .salons img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 100%;
}

.footer h2 {
	font-size: 20px;
	color: #ccc;
}

.footer {
	background: #18191A;
	color: #76777C;
	font-size: 0.85em;
	line-height: 1.5em;
}

	.footer div {
		padding-left: 30px;
		padding-right: 30px;
	}

	.footer a {
		color: #ccc;
	}

@media(max-width: 770px) {
	
	.education, .salons {
		height: 100%;
	}
	
	.education img, .salons img {
		max-width: 95%;
	}
	
}