body{

    background-color:#F0F8FF;
    background-size: 100%;
}


 ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
  overflow: hidden;
  background-color: #333333;
  display: flex;

}

 ul li{

    ** float: left;
     align: center;
}

 ul li a{

display: block;
color: white;
text-align: center;
text-decoration: none;
padding: 14px 16px;
font-size:15px;
font-weight: bold;

 }

 section {
     float: right;
     padding: 0; 
 }

 ul li a:hover{
     background-color:#2F4F4F;
 }
@media only screen and (max-width:800px) {
  /* For tablets: */
  .body {
    width: 80%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .main, .right {
    width: 100%;
  }
}