.menu {
      overflow: hidden;
      }
      .menu a {
      color: white;
      text-align: center;
      padding: 4px 10px;
      text-decoration: none;
      font-size: 18px; 
      line-height: 30px;
      border-radius: 3px;
      border: 1px solid white;
      }

      .menu .active:hover {
      background-color: #07182f;
      color: white;
      }

      .menu a:hover {
      background-color: #0c476f;
      color: white;
      }

     .menu .active {
      background-color: #07182f;
      color: white;
      border: 2px solid white;
      }
      
      @media screen and (max-width: 650px) {
     .menu a {
      float: none;
      display: block;
      text-align: center;
      }
      } 
      
      body {
      background-color:#072847;
      color:#FFFFFF;
      max-width: 570px;
      text-align:center;
      font-size: 18px; 
      margin:0 auto;
      padding: 25px 25px;
      }
      p {
      text-align:left;
      }
      
      .fa {
      padding: 8px;
      font-size: 20px;
      width: 20px;
      text-align: center;
      text-decoration: none;
      margin: 5px 2px;
      border-radius: 3px;
      }
     
      .fa:hover {
      opacity: 0.7;
      }
      
      .fa-facebook {
      background: #3B5998;
      color: white;
      }
      
      .fa-twitter {
      background: #55ACEE;
      color: white;
      }
      
      .fa-instagram {
      background: #125688;
      color: white;
      }
      
      .fa-pinterest {
      background: #cb2027;
      color: white;
      }