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

titles{
  text-align:center;
}

.div1 {

margin: 30px;
padding: 10px;
background-color: tomato;

}

.div2 {

text-align:center;
background-color: yellow;
font-family:Helwetica;

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

footer {

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

}