@media only screen and (max-width: 600px) {
    
    .logo {
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto;
      
      max-width: 80%
    }
  
  }
  
  
  @media only screen and (min-width: 600px) {
    .logo{
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto;
      
      max-width: 20%;
    }
  
  }

  .logo{
          height: auto;
          display: block;
          margin-left: auto;
          margin-right: auto;
          
          max-width: 20%;
        }