body{
	font-family: 'Raleway', sans-serif;
}
.clear-20{
	padding: 10px 0;
	clear: both;
	display: block;
}
.clear-30{
	padding: 15px 0;
	clear: both;
	display: block;
}
.clear-40{
	padding: 20px 0;
	clear: both;
	display: block;
}
h1{
	font-size: 26px;
	text-transform: uppercase;
	color: #0272bc;
	font-weight: 500;
}
h1 span{
	font-weight: 700;
}
.col-five{
	width: 20%; 
	float: left;
	padding: 0 15px;
	margin-bottom: 30px;
}
.equals{
	overflow: hidden;
	position: relative;
	max-width: 204px;
	max-height: 204px;
}
.equals img{
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.equals .caption{
	position: absolute;
	text-align: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	color: #fff;
	padding: 30px 15px;
	opacity: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.equals .caption h3{
	margin: 0;
	font-weight: 800;
	font-size: 30px;
}
.equals .caption h2{
	margin: 0;
	font-weight: 500;
	font-size: 20px;
}
.lazy-text{
	border-top: 1px solid #0272bc;
	border-bottom: 1px solid #0272bc;
}
.lazy-text h4{
	font-size: 22px;
	text-transform: uppercase;
	color: #0272bc;
	font-weight: 500;
}
.logo{
	width: 250px;
	height: 89px;
	background: url(../images/logo.jpg) no-repeat;
	background-size: 100%;
	display: inline-block;
}
a{
	outline: none;
	text-decoration: none;
}
@media screen and (max-width: 1199px) {
	.equals{
		overflow: hidden;
		position: relative;
		max-width: 164px;
		max-height: 164px;
	}
	.equals .caption .clear-10,
	.equals .caption .clear-20,
	.equals .caption .clear-30,
	.equals .caption .clear-40{
		zoom: .5;
	}
}
@media screen and (max-width: 992px) {
	.equals{
		overflow: hidden;
		position: relative;
		max-width: 120px;
		max-height: 120px;
	}
}