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:1700px;

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 1700px;
 	background: #ffff;

 }

 .text{
 	color: #696969;
 	text-align: justify;
 	  font-family: Arial,sans-serif;
  font-size: 17px;
 	padding-top: 50px;
 	padding-left: 50px;
 	padding-right: 50px;
 	width: 87%;
 	height: 1700px;
 }



 .text_2{
 	margin-top: 40px;
 	font-size: 12px;
 	text-align: center;
 	width: 60%;
 	height: 200px;
 	float: left;
 }
.text_2{
	padding-top: 10%;

}

.text_2 h1{
	font-size: 17px;
}
 .bottom{
 	margin-top: 40px;
    width: 40%;
 	height: 200px;
 	float: right;
 }

 .text_3{
  	margin-top: 40px;
  	float: left;
  	width:60%;
  	height: 100px;
  }

 .text_3 h1{
 	padding-left: 40px;
 	margin: 0px;
 	padding-top: 35px;
 	float: right;
 	font-size: 17px;
 }

 .botoom_2{
 		margin-top: 40px;
 	
 	float: right;
 	width:40%;
  	height: 100px;

 }

  .botoom_2 img{
  	 padding-left: 20px;
  }

.botoom_2 a{ 
width: 20%
height:50px;}

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


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


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

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 2000px;
 	background: #ffff;

 }

@media screen and (max-width: 1200px) {
	.palata{
 	
    margin-left:50px;
    width: 96%;
 	height:2000px;

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 2000px;
 	background: #ffff;

 }

@media screen and (max-width: 1133px) {
	.heading ul li a{
    
	text-decoration: none;
	font-family: "Exo2-Medium". sans-serif;
	font-size: 10px;
	color: white;
	
	cursor: pointer;
	

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

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 2800px;
 	background: #ffff;

 }







.audit_1{

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


}
}


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

	.audit_1{

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


}


}


@media screen and (max-width: 924px) {
	.palata{
 	
    margin-left:50px;
    width: 96%;
 	height:2500px;

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 2500px;
 	background: #ffff;

 }

	.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) {
	.palata{
 	
    margin-left:50px;
    width: 96%;
 	height:2800px;

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 2800px;
 	background: #ffff;

 }

.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;


}
}


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


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

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 3000px;
 	background: #ffff;

 }

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

@media screen and (max-width: 573px) {
	.palata{
 	
    margin-left:50px;
    width: 96%;
 	height:4000px;

 }

 .tabl{ margin-left: 15%;
 	width:63%;
 	height: 4000px;
 	background: #ffff;

 }

	.heading ul li a{
    
	text-decoration: none;
	font-family: "Exo2-Medium". sans-serif;
	font-size: 6px;
	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: white;
	margin: 0px;
	margin-top: 7px;
	font-size: 10px;
}

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

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

	.audit_1{

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


}


}