@font-face {
  font-family: "Gill Sans Light";
  src: url("fonts/Gill%20Sans%20Light.otf") format("opentype");
}

@font-face {
  font-family: "Gill Sans Bold";
  src: url("fonts/Gill%20Sans%20Bold.otf") format("opentype");
  font-weight: bold;
}

@font-face {
  font-family: "Gill Sans Medium";
  src: url("fonts/Gill%20Sans%20Medium.otf") format("opentype");
  font-weight: 500;
}

html {
  background-color: #000000;
}
* {
  font-family: 'Gill Sans Light', 'Gill Sans Bold', 'Gill Sans Medium', sans-serif;
  color: #535353;
}

.gray {
  color: #535353
}

.light-gray {
  color: #b3b3b3
}


.scroll-snap-x {
  scroll-snap-type: x mandatory;
}

.scroll-snap-start {
  scroll-snap-align: start;
}


.lightbox {
  background-color: transparent !important;
}

@media screen and (max-width: 600px) {
  .lightbox .lightboxOverlay{
    max-width: 100% !important;
    max-height: 100% !important;
  }

}