* {
  box-sizing: border-box;
}
.body {
   font-family:Verdana;
}
.footer {
  text-align: center;
  font-family:Verdana;
  font-size: small;
  }
  

.menu {
  margin-top:7px;
  float:left;
  width:20%;
  }

.main {
  font-family:Verdana;
  text-align:center;
  color:#ECF39E;
  text-decoration: none;
  background-color:#05386B;
  float:left;
  width:60%
 }

.right {
    float:left;
  width:20%;
  padding:15px;
  text-align:center;
}

.topbottom {
  background-color:#31572c;
  padding:15px;
  text-align:center;
  font-family:Verdana;
  color:#ECF39E;
}

.topnav a {
    font-size: small;
    float: left;
    color: #ECF39E;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
    table-layout: auto
}


@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width:100%;
  }
}