* {
    font-family:Verdana;
    color:#666666;
    box-sizing: border-box;
  }
  .menu {
    float:left;
    width:20%;
    text-align:center;
  }
  .menu a {
    padding:8px;
    margin-top:7px;
    display:block;
    width:100%;
    color:black;
  }
  .main {
    float:left;
    width:60%;
    padding:0 20px;
  }
  .right {
    float:left;
    width:20%;
    padding:15px;
    margin-top:7px;
    text-align:center;
  }
  .title {
    padding:15px;
  }
  .footer {
    padding:10px;
    margin-top:7px;
  }
  .title,.footer {
    text-align:center;
  }
  
  .title,.footer,.menu a,.right {
    background-color:#d5d5f5;
  }
  
  @media only screen and (max-width:620px) {
    /* For mobile phones: */
    .menu, .main, .right {
      width:100%;
    }
  }