body{
	background-color:grey;
}

.container{
    
 border: 3px solid red;
  background-size: cover;
  max-width: 100%;
  overflow: hidden;
    
}

@media screen and (max-width: 765px) {
 .comtainer img{
     
     width: 100%;
     height:auto;
     display:block;
     
}

}

ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 40px 60px;
  text-decoration: none;
}

li a:hover{
  background-color: #111;
}

.title{
  text-align: center;
  font-family: Helvetica;
  font-size: large;
  background-color: yellow;
}

.section{
  
  text-align: center;
  font-family:serif;
  font-size: large;

}

.UPUTSVO{
  text-align: center;
  font-family: Helvetica;
  font-size: large;
  background-color: white;

}

#myDIV {
  
  display: none;
  text-align: left;
  margin-top: 20px;
}
footer {

  text-align: left;
  padding: 3px;
  background-color: darkkhaki;
  color: black;
}