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

 }

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


 }

 .zagl{
  padding-top: 50px;
  text-align: center;
 }

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

 }

  .Text_5 p{
  	font-size: 20px;
  	letter-spacing:1px;
  }

  .Text_5{
  	margin-top: 30px;
  	float: left;
  	width:50%;
  	height: 50px;
  }

 .Text_5 h1{
 	margin: 0px;
 	padding-top: 10px;
 	float: left;
 	font-size: 20px;
 }

 .botoom_4{

 	margin-top: 30px;
 	
 	float: right;
 	width:50%;
  	height: 50px;

 }

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



 .Text{
 
 	padding-left:50px;
 	width:85%;
 	

 }

 .botom  {
 	text-align: center;
 	text-decoration: none;
 	width:50%;
 	height: 50px;
 }

 .botom a {
 	text-align: center;
 	text-decoration: none;
 	width:50%;
 	height: 50px;
 }

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

  h1{
    font-family: Arial,sans-serif;
  font-size: 17px;
  color:#696969;
  }

 .Text_1{
 	margin-top: 50px;
 	padding-left:50px;
 	width:85%;
 	height: 250px;

 }
   .Text_4 p{
  	font-size: 20px;
  	letter-spacing:1px;
  }

  .Text_4{
  	margin-top: 20px;
  	float: left;
  	width:50%;
  	height: 50px;
  }

 .Text_4 h1{
 	margin: 0px;
 	padding-top: 10px;
 	float: right;
 	font-size: 20px;
 }

 .botoom_3{

 	margin-top: 20px;
 	
 	float: right;
 	width:50%;
  	height: 50px;

 }

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

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

  .Text_3 p{
  	font-size: 20px;
  	letter-spacing:1px;
  }

  .Text_3{
  	margin-top: 20px;
  	float: left;
  	width:50%;
  	height: 50px;
  }

 .Text_3 h1{
 	margin: 0px;
 	padding-top: 10px;
 	float: left;
 	font-size: 20px;
 }

 .botoom_2{
 	margin-top: 20px;
 	
 	float: left;
 	width:50%;
  	height: 50px;

 }

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

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



  .Text_2{
  	margin-top: 40px;
  	float: left;
  	width:50%;
  	height: 50px;
  }

 .Text_2 h1{
 	
 	margin: 0px;
 	padding-top: 10px;
 	float: left;
 	font-size: 20px;
 }

 .text_r{
  padding-left: 50px;
  font-family: Arial,sans-serif;
  font-size: 17px;
  color:#696969;
 }

 .botoom{
 		margin-top: 40px;
 	
 	float: right;
 	width:50%;
  	height: 50px;

 }

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

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


 .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: Arial,sans-serif;
	font-size: 14px;
	color: 	#ffff;
	
	cursor: pointer;
	

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

 }

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


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

 }

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


 }

  .audit_1{

  font-size: 90%;
  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: 80%;
  padding-left: 30px;
  padding-right: 30px;


}

.Text p {
  
  padding-left:50px;
  width:85%;
  font-size: 12px;

 }

 .Text_1 p {
  font-size: 12px;

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

 }

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


 }

}


@media screen and (max-width: 938px){
	.heading ul li a{

    
	text-decoration: none;
	font-family: Arial,sans-serif;
	font-size: 10px;
	color: 	#ffff;
	
	cursor: pointer;
	

	
}

  .audit_1{

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


}

.Text p {
  
  padding-left:50px;
  width:85%;
  font-size: 12px;

 }

 .text_r{
  padding-left: 50px;
  font-family: Arial,sans-serif;
  font-size: 12px;
  color:#696969;
 }


}


@media screen and (max-width: 924px) {
	.heading ul li a{

    
	text-decoration: none;
	font-family: Arial,sans-serif;
	font-size: 9px;
	color: 	#ffff;
	
	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:1750px;

 }

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


 }



  
.Text_3 h1 {
  font-size: 12px;
}

.Text_4 h1 {
  font-size: 12px;
}

.Text_5 h1 {
  font-size: 12px;
}
.Text_2 h1 {
  font-size: 12px;
}

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

  
}
	

 

 .Text p {
  margin-top: 50px;
  padding-left:50px;
  width:85%;
  font-size: 12px;

 }

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


}


}