#logo {
  background-image: url("/images/logo_BigBox.png");
  background-size: 200px 220px;
  background-color: black;
  background-position: center;
  width: 200px;
  height: 220px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.booking #logo {
  background-image: url("/images/logo_BigBox_light.png");
  background-size: 227px 212px;
  background-color: white;
  background-position: center;
  width: 227px;
  height: 212px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}

.booking .container {
  background: #f4f1e4;
}

.booking.reservation-search #logo {
  display: none;
}

.booking #pageHeader {
  width: 100%;
  max-width: 900px;
  margin-bottom: -5px;
  overflow: hidden;
}

.booking #pageHeader img {
  width: 100%;
  max-width: 900px;
}

@media (max-width: 768px) {
  .booking.reservation-search #pageHeader img {
    width: 120%;
    margin-left: -10%;
  }
}

@media (max-width: 576px) {
  .booking.reservation-search #pageHeader img {
    width: 130%;
    margin-left: -15%;
  }
}