@media (min-width: 300px) {
  #logo {
    max-width: 120px;
  }
}

@media (min-width: 576px) {
  #logo {
    max-width: 120px;
  }
}

@media (min-width: 768px) {
  #logo {
    max-width: 150px;
  }
}

@media (min-width: 992px) {
  #logo {
    max-width: 150px;
  }
}

@media (min-width: 1200px) {
  #logo {
    max-width: 150px;
  }
}

@media (min-width: 300px) {
  #bar {
  }
}

@media (min-width: 576px) {
  #bar {
  }
}

@media (min-width: 768px) {
  #bar {
  }
}

@media (min-width: 992px) {
  #bar {
    height: 84px;
  }
}

@media (min-width: 1200px) {
  #bar {
    height: 88px;
  }
}