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{
   font-size: 40px;
  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;
  

  
}

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

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 700px;
 	

 }

 .ekol{
 	float: left;
 	width:30%;
 	height:700px;
 	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: 90%;
	padding-left: 30px;
	padding-right: 30px;


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

.rest{
	padding-bottom: 100px;

    padding-top:50px;
    text-align: center;
	font-size: 20px;
	width:100%;
 	
 	
 }
.rest h1{ 
	font-family: Arial,sans-serif;
    font-size: 40px;
    color: #696969;
	margin: 0px;

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


 }

  .bottom h3{

 font-family: Arial,sans-serif;
    font-size: 17px;
    color: #696969;
  	padding-top: 20px;
  	padding-right: 5%;
  	float: right;
  	font-family:Arial;
 	margin:0px;
 
 	font-weight:400;
 	

  }

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

 .pic{
 	float: left;
 	width:30%;
 }
.text{
    text-align: justify;
    font-family: Arial,sans-serif;
    font-size: 17px;
    color: #696969;
}

.line{ cursor: pointer;
	text-align: center;
	margin-bottom: 50px;

}

 .basement{
 	margin-top:10px;
 	width:100%;
 	height: 100px;
 	background:#00603b;
 }

 .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: 1400px) {

 	.heading ul li a{
    
	text-decoration: none;
	font-family: "Exo2-Medium". sans-serif;
	font-size: 14px;
	color: white;
	
	cursor: pointer;
	}

	.audit_1{

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


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

	.audit_1{

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


}


}


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



.heading ul li a{
    
	text-decoration: none;
	font-family: "Exo2-Medium". sans-serif;
	font-size: 12px;
	color: white;
	
	cursor: pointer;
	}


.audit_1{

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


}
}


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

	.audit_1{

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


}


}


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

	.heading ul li a{
    
	text-decoration: none;
	font-family: "Exo2-Medium". sans-serif;
	font-size: 10px;
	color: white;
	
	cursor: pointer;
	

	
}

 .basement_1 h3 {
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
	font-size: 10px;
}

.basement_1 p {
	font-size: 8px;
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
}






}


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

	.heading ul li a{
    
	text-decoration: none;
	font-family: "Exo2-Medium". sans-serif;
	font-size: 9px;
	color: white;
	
	cursor: pointer;
	

	
}

.number{
	text-align: center;
	font-size: 15px;
	float:right;
	width:50%;
	height:150px;
	
}

.audit_1{

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


}

.text p{
	font-size: 10px;
}
}


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

	.heading ul li a{
    
	text-decoration: none;
	font-family: "Exo2-Medium". sans-serif;
	font-size: 6px;
	color: white;
	
	cursor: pointer;
	

	
}
 .audit{
 	padding-top:0px;
 	height:50px;
 	background: #DCDCDC;
 	font-size: 7px;
 	text-align: center;
 }
}

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

	.heading ul li a{
    
	text-decoration: none;
	font-family: "Exo2-Medium". sans-serif;
	font-size: 7px;
	color: white;
	
	cursor: pointer;
	

	
}

.number{
	text-align: center;
	font-size: 12px;
	float:right;
	width:50%;
	height:150px;
	
}
.audit_1{

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


}
.basement_1 h3 {
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
	font-size: 10px;
}

.basement_1 p {
	font-size: 8px;
	padding-left: 20px;
	color: black;
	margin: 0px;
	margin-top: 7px;
}
}

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

	.audit_1{

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


}


}