body{
	margin: 0px;
}
header{ width: 100% ;
	height: 460px;
	}

.photo{
	
    
	background: url(wats.jpg);
	

	width: 100% ;
	height: 380px;

}

.Logo{
	
	
	float:left;
	width:50%;
	height:150px;

}
.Logo img{
	padding-left: 50px;
	
}

.number{
	font-family: Arial,sans-serif;
	text-align: center;
	font-size: 20px;
	float:right;
	width:50%;
	height:150px;
	
}

.number h1{
	color: 	black;
	padding-top: 20px;
}

.heading{width: 100% ;
	height: 80px;
	background:   #77ab0c;

}


.heading ul {
	padding-top: 30px;
	padding-left: 0px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin: 0px;

	
	  }
.heading li{

	display: flex;
	flex-direction: row;
	justify-content: space-around;

}

.heading ul li{

list-style: none;
text-align: center;



}


.heading ul li a{
    
	text-decoration: none;
	font-family: Arial,sans-serif;
	font-size: 17px;
	color: 	#ffff;
	
	cursor: pointer;
	

	
}



.hat{

    background: url(hat_1.jpg);

	margin-top: 1px;
	width:100%;
	height: 300px;
}

.hat h1{
	color: white;
	margin:0px;
	text-align: center;
	padding-top: 10%;
}

.hat img{

	padding-left: 20%;


}


.palata{
 	
    margin-left:50px;
    width: 96%;
 	height:1450px;

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 1450px;
 	background: white;

 }

 .ekol{
 	float: left;
 	width:30%;
 	height:1150px;
 	border: 1px ridge;

 }

 .audit{
 	padding-top:0px;
 	height:50px;
 	background: #DCDCDC;
 	font-size: 11px;
 	text-align: center;
 }
 .audit h1{
 	font-family:Arial;
 	margin:0px;
 	padding-top: 13px;
 	font-weight:400;
 	letter-spacing: 2px;
} 

.audit_1{

	font-size: 100%;
	padding-left: 30px;
	padding-right: 30px;


}
 
.gray_line{
	width:100%;
 	height: 7px;
 	background:  #DCDCDC;
}

.Text_1{
	font-family: "Calibri". sans-serif;
	margin-top:20px;
	width:100%;
 	height: 50px;
 	text-align:center;
}

.Text_1 h1{
	font-family:Arial;
 	margin:0px;
 	padding-top: 13px;
 	font-weight:600;
 	letter-spacing: 2px;

}
.line_green{
	padding-left: 35%;
}

.line_green_2{
	padding-left: 23%;
}

.Text_2{

	
	padding-left:30px;
	margin-top: 30px;
	width:90%;
 	height: 900px;
}

.Text_2 p{
    text-align: justify;
	font-family: Arial,sans-serif;
	color: #696969;
	font-size: 17px;
	letter-spacing: 1px;
}

.Rus{
	margin-top: 40px;
}
 .basement{
 	margin-top:10px;
 	width:100%;
 	height: 100px;
 	background:#ffff;
 	border: 1px double black;
 }

 .basement_1{
 	float:left;
 	width: 50%;
 	height: 100px;



 }

.basement_1 h3 {
	font-family: Arial,sans-serif;
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
}

.basement_1 p {
	font-family: Arial,sans-serif;
	font-size: 12px;
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
}



 .basement_2{
 	float: right;
 	width: 50%;
    height: 100px;

 	
 }

 .basement_2 img{
 	float: right;
 	padding-right: 40px;
 }
@media screen and (max-width: 1300px){
	
	.heading ul li a{
    
	text-decoration: none;
	font-family: Arial,sans-serif;
	font-size: 14px;
	color: 	#ffff;
	
	cursor: pointer;
	

	
}
.Text_2{

	
	padding-left:30px;
	margin-top: 30px;
	width:90%;
 	height: 950px;
}


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

.heading ul li a{
    
	text-decoration: none;
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: 	#ffff;
	
	cursor: pointer;

	

	
}
.tabl{
	height: 
}
.Text_2 p {
	font-size: 14px;
}
.palata{
 	
    margin-left:50px;
    width: 96%;
 	height:1450px;

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 1450px;
 	background: white;

 }

.basement_1 h3 {
	font-family: Arial,sans-serif;
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
}

.basement_1 p {
	font-family: Arial,sans-serif;
	font-size: 10px;
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
}


	


}

@media screen and (max-width: 980px){
.number{
	font-size: 15px;
}
.heading ul li a{
    
	text-decoration: none;
	font-family: Arial,sans-serif;
	font-size: 9px;
	color: 	#ffff;
	
	cursor: pointer;
	

	
}

.palata{
 	
    margin-left:50px;
    width: 96%;
 	height:1350px;

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 1350px;
 	background: white;

 }
 .Text_2{

	
	padding-left:30px;
	margin-top: 30px;
	width:90%;
 	height: 850px;
}

.Text_2 p {
	font-size: 12px;
}

.basement_1 h3 {
	font-family: Arial,sans-serif;
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
}

.basement_1 p {
	font-family: Arial,sans-serif;
	font-size: 9px;
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
}
.palata{
 	
    margin-left:50px;
    width: 96%;
 	height:1150px;

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 1150px;
 	background: white;

 }
}


@media screen and (max-width: 700px){
	.heading ul li a{
    
	text-decoration: none;
	font-family: Arial,sans-serif;
	font-size: 6px;
	color: 	#ffff;
	
	cursor: pointer;
	

	
}

.basement_1 h3 {
	font-family: Arial,sans-serif;
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
}

.basement_1 p {
	font-family: Arial,sans-serif;
	font-size: 9px;
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
}
.Text_2 p {
	font-size: 11px;
}

.palata{
 	
    margin-left:50px;
    width: 96%;
 	height:1150px;

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 1150px;
 	background: white;

 }

}

@media screen and (max-width: 500px){
	.Text_2 p {
	font-size: 9px;
}


}