@charset "UTF-8"; 
body{font-family: Tahoma, Arial, sans-serif;height: 100%;margin: 0px;padding: 0px;}


.head_baner{background-image: url(/img/baner.jpg);background-repeat: no-repeat; background-position: top; background-size: contain; height:200px;opacity: 0.1;transition: opacity 3.5s;}
.box_content{display: flex;width: 60%;margin: 0 auto;flex-direction: column;align-content: center;justify-content: flex-start;align-items: center;}
.wrap_connect{display: flex; font-size: 20px; Justify-content: space-evenly;}
.but_connect {margin: 2px 3px;padding: 5px 20px;text-align: center;border-radius: 3px;}
.but_connect:hover{transform: scale(1.02);}
.capt_block{font-family: OpenSansSemiBoldItalic;color: #7e76b5;}

/* блок обертка для данных на фоне фото */
.blockOnPhoto{
	text-align: right; 	height: 600px;
}

.back_fon{background-image: url(/img/fon1.jpg);  background-repeat: no-repeat;  background-position: center; background-size: cover; 
	height: 600px;position: absolute;width: -webkit-fill-available; left: 0px;}
.toner{position: absolute; background-color: #464646;height: 600px;opacity: 0.5;width: -webkit-fill-available; left: 0px;}

.block_text{text-align: right;
    font-family: 'OpenSans_i';
    font-size: xx-large;
    color: #ffffff;
    position: absolute;  
    /*padding: 15px 15px 15px 0px;*/
	margin: 15px -5px;
	text-shadow: 0 0 5px black;
	width: 95%;   left: 0px;
}

.blockContentText h2{text-align:center; font-family: OpenSans; font-weight:normal;letter-spacing: 3px;margin: 3px 0px;}
.blockContentText strong{font-family: OpenSansSemiBoldItalic; font-weight:normal;}
.blockContentText{font-family: OpenSans_i;margin: 0px 10px;font-size: x-large; text-align: justify;}

.hr{background-image: url(/img/hr2.png);background-repeat: no-repeat; background-position: center; background-size: contain; height:50px;height: 50px; width: 100%;margin:10px 0px;}

/*если вход с мобильного*/
@media only screen and (max-width : 700px) {
	.head_baner{height:100px;}
	.wrap_connect{flex-direction: column;margin: 4px 10px;}
	.but_connect{width: 250px; align-self: center;}
	.box_content{width: -webkit-fill-available;}
	.back_fon,   .toner{left: 0px; width: -webkit-fill-available; height: 300px;}
	.blockOnPhoto{height: 300px;}
	.block_text{ width: 97%; left: 0px;font-size: large;}
	.blockContentText{font-size: 16px;}
}