#hero {
	background: #000 url(../images/about_company.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;
}

@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%;
	}

}

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

}

@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;
	}
}

.mtop {
	margin-top: 50px;
}

#services ul {
	font: 20px/36px "russia", serif;
}

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

	#services ul {
		list-style-type: none;
		font: 18px/36px "russia", serif;
	}

}

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

	#services ul {
		list-style-type: none;
		font: 17px/36px "russia", serif;
	}

}