/* Logo Styling */

.logo {
  width: 240px;
  filter: drop-shadow(0px 2px 15px #000000);
}

@media (min-width: 1200px) {
  .logo {
    width: 280px;
  }
}

@media (min-width: 1400px) {
  .logo {
    width: 320px;
  }
}

@media (min-width: 1800px) {
  .logo {
    width: 380px;
  }
}

.shrink-logo {
  transform-origin: top center;
  transform: scale(0.832);
  transition: all 0.5s ease-in-out;
}

@media (min-width: 1200px) {
  .shrink-logo {
    transform: scale(0.715);
  }
}

@media (min-width: 1400px) {
  .shrink-logo {
    transform: scale(0.624);
  }
}

@media (min-width: 1800px) {
  .shrink-logo {
    transform: scale(0.525);
  }
}

#logo-cont {
  transition: all 0.5s ease-in-out;
}