footer {
    background-color: lightslategray;
}

@media screen and (max-width: 400px) {
    .logo {
      width: 150px;
    }
    .scrolled {
        width: 55px;
        transition: 1s;
    }
    
    .unscrolled {
        width: 150px;
        transition: 1s;
    }
  }
  
  @media screen and (min-width: 800px) {
    .logo {
        width: 300px;
    }
    .scrolled {
        width: 55px;
        transition: 1s;
    }
    
    .unscrolled {
        width: 300px;
        transition: 1s;
    }
  }