@font-face {
  font-family: 'MADETOMMY-Black';
  src: url("/fonts/MADETOMMY-Black.woff2") format('woff2');
  font-display: swap;
}

#logo {
  background-image: url("/images/logo_Voicebox.png?v=2");
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 68px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.booking #logo {
  background-color: white;
}

.booking .container {
  background: #303149;
}

.booking h4 {
  font-family: 'MADETOMMY-Black';
}

.booking.reservation-search #logo, .booking.reservation-virtual-voicebox #logo, .booking.signup-success #logo, .booking.signup-invalid #logo {
  display: none;
}

.booking #pageHeader {
  width: 100%;
  max-width: 900px;
  margin-bottom: -5px;
  margin-left: auto;
  margin-right: auto;
  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%;
  }
}