@media screen and (max-width: 1300px) {
	.top div {width:400px;top:0;left:0}
.osn > div {
	font-size: 16px;
}
.top span {font-size:18px;}
	.cover {
height:400px;

}
}
@media screen and (max-width: 1200px) {

	#mmenu + label {
		display:block;
	}
	.menu {display: none;
		 flex-wrap: wrap;
		 width:100%;
    position:absolute;
    z-index: 100;
    top:124px;
    left:0px;
    background: #fafafa;
    border-bottom: 1px solid #000;
	}
	.menu li {margin:10px;}
	.cover h1{

	font-size:40px;
}
	.opisanie {
			font-size:15px;
		}
		.opisanie p{
width:95%;
		}
}
@media screen and (max-width: 1000px) {
	h1 {
		
		text-align:center;
	}
	.top div {font-size:12px;width:400px;top:0;left:0;text-shadow: 1px 1px 1px rgba(0,0,0,0.5)}
.top span {font-size:14px;}
.osn > div {font-size: 14px;}
.center {width:100%}
.center div{position:relative;left:0 !Important;
	top:0 !Important;right:0 !Important;
	 bottom:0 !Important; 
	 height:auto !Important;
    border-left:none 0px !Important;
	}
.center div div{position:relative;left:0 !Important;top:0 !Important}
.center div > div {width: 98%;}
.center div  {width: 98% !Important;}
#small{display:block}
#big{display:none}
	.center div span{
		display:inline-block;
		}
}
@media screen and (max-width: 800px) {
	.main div {
			flex:0 0 98%;
		}
}

@media screen and (max-width: 550px) {
	.opisanie img {
float: none;
display:block;
}
	.menu {
		top:125px;
	}
	.main span {
		font-size: 23px;
	}
 .main p{
 	padding:2%;
 	font-size: 13px;
 }
		.cover {
height:250px;
}
.cover h1{
	transform: translateY(0%);
	font-size:24px;
}
	.top, .top div  {position:static}
	.osn div:nth-child(2n+1) {border-right:none;}

.osn div:nth-child(2n) {border-left:none;}
.top div  {color:#000;text-shadow:none;width:100%}
.osn > div {
	max-width:100%;
}
.osn p {padding:5px;}
}
@media screen and (max-width: 420px) {
	.menu {
		top:143px;
	}}