/* ------------------------
   All screens
   ------------------------ */
  
   .MenuLink:link {
    color: #adadad;
    text-decoration: none;
  }
  
  .MenuLink:visited {
    color: #adadad;
    text-decoration: none;
  }
  
  .MenuLink:focus {
    color: #adadad;
  }
  
  .MenuLink:hover {
    color: #ffffff;
  }
  
  .MenuLink:active {
    color: #adadad;
  }  
  
/* ------------------------
   Large screens > 900
   ------------------------ */

   @media (min-width: 900px){

    .Menu{
      position: absolute;
      right: 175px;
      top: 30px;  
      width: 200px;
    }
    
    .MenuText{
      color: #adadad;
      font-size: 25px;
      font-family: "Roboto";
      text-decoration: none;
      text-align: right;
    }
  }

    /* ------------------------
       Medium screens 600-900
       ------------------------ */
    
    @media (min-width:600px) and (max-width: 900px){
      
      .Menu{
        position: relative;
        text-align: center;
        top: -100px;
      }
    
      .MenuText{
        color: #adadad;
        font-size: 25px;
        font-family: "Roboto";
        text-align: center;
        text-decoration: none;
    }
  }
  
    /* ------------------------
       Small screens < 600
       ------------------------ */
    
       @media (max-width: 600px){
        .Menu{
          position: relative;
          text-align: center;
          top: -100px;
        }
      
        .MenuText{
          color: #adadad;
          font-size: 25px;
          font-family: "Roboto";
          text-align: center;
          text-decoration: none;
        }
               
      }