#hero {
	background: #000 url(../images/terms_of_service2.jpg) no-repeat center;
	min-height: 450px;
	height: 450px;
}

#hero-slider {
	margin: 60px 0 54px;
}

/* #hero-slider .slides .flex-caption {
	margin: 0 40% 0 30px;
} */

#hero-slider .slides .flex-caption h1 {
	font: 40px/1.3 "molot-regular", sans-serif !important;
}

#hero-slider .slides .flex-caption h3 {
	font: 18px/1.8 "russia", sans-serif;
}

#services p.update_text {
	font: 16px/30px "russia", sans-serif;
	color: #A0A0A0;
}
#services h1:not(.nomrg) {
	margin-top: 100px;
}
#services h2 {
	color: #000;
	font-weight: 10;
}
#services ul li {
	font-size: 20px;
	text-align: left;
	margin-top: 15px;
}
#services a.more {
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	font: 16px/45px "molot-regular", sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
	display: block;
	height: 45px;
	width: 160px;
	border-radius: 3px;
	background: #71371F;#823D1E;#5E66A3;#D3321B;#e64e04;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	color: #FFFFFF;
	-moz-transition: all 0.4s ease-on-out;
	-o-transition: all 0.4s ease-on-out;
	-webkit-transition: all 0.4s ease-on-out;
	-ms-transition: all 0.4s ease-on-out;
	transition: all 0.4s ease-on-out;
}

#services a.more:hover {
	background: #fdc501;
	color: #000000;
}

#services a.more i {
	margin-left: 6px;
	position: relative;
	right: -5px;
}

/* #portfolio {
	border-bottom: 0px solid #FDC501;  
} */

.service-list .bgrid {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 5px;
}

.service-list .bgrid:nth-child(odd) {
	background: rgba(0,0,0, 0.04);
}

#portfolio.bgColor {
	background-color: #151212;  
}

@media only screen and (max-width:1024px) {
	
	#hero {
		min-height: 500px;
		height: 500px;
		background-position: bottom;
	}
	
}

@media only screen and (max-width:768px) {
	
	#hero {
		min-height: 500px;
		height: 500px;
		background-position: bottom;
		background-position: 60% 100%;
	}
	#services ul li {
		font-size: 18px;
	}

}

@media only screen and (max-width:600px) {
	
	#hero {
		min-height: 670px;
		height: 670px;
		background-position: 54% 100%;
		background-size: cover;
	}
	.backgr {
		background-color: rgba(0,0,0,0.6);
	}
	#services ul li {
		font-size: 17px;
	}

}

@media only screen and (max-width:480px) {
	

}

@media only screen and (max-width:400px) {
	

}

@media only screen and (max-width:321px) {
	
	#hero-slider .slides .flex-caption h1 {
		font: 36px/1.3 "molot-regular", sans-serif !important;
	}
}