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;
  

  
}
.bodis{
	margin-left: 10%;
	
	width:80%;
	height: 1200px;

}

.photos{
    background: url(photos_1.jpg);
	width: 100%;
	height:400px;
}

.photos h1 { 
	font-family: Arial,sans-serif;
    font-size: 17px;
    color: #696969;
    margin:0px;
	padding-left: 18%;
	padding-top: 15%;
	color: white;
	font-size: 60px;
	font-weight: 900;
	 letter-spacing: 4px;
	 color: #f0f0f0; /* Цвет текста, совпадает с цветом фона */
    text-shadow: #fff -1px -1px 0, 
                 #333 5px 5px 0;
}

.Kont{
	padding-top: 50px;
}
.Kont p {

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


}


.maps{
	padding-top: 100px;
	padding-left: 26%;
}

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

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

	
}

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


}
}


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

	.audit_1{

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


}
.maps{
	padding-top: 100px;
	padding-left: 20%;
}

}


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

.photos h1 {
	font-size: 30px;
	padding-top: 30%;
}




}


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


}

.maps{
	padding-top: 100px;
	padding-left: 5%;
}
}


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

	
}

.maps{
	padding-top: 100px;
	padding-left: 10%;
}


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


}

.maps{
	padding-top: 100px;
	padding-left: 5%;
}



}