@font-face {
  font-family: "Geogrotesque Rg";
  src: url(/fonts/Geogrotesque-Regular.woff2?c24ce5d812a187f4dc37c5d8c1808dc7) format("woff2"), url(/fonts/Geogrotesque-Regular.woff?622732c3d1a9ce18023bd348817b7226) format("woff"), url(/fonts/Geogrotesque-Regular.ttf?050d9c15e7ddcec3ad77c75b12b75efb) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Geogrotesque SmBd";
  src: url(/fonts/Geogrotesque-SemiBold.woff2?9ecb4a6df5a916f6d808e005706ada42) format("woff2"), url(/fonts/Geogrotesque-SemiBold.woff?c616772a77fee1b8f14fd276d77093f0) format("woff"), url(/fonts/Geogrotesque-SemiBold.ttf?a5faf67018ba88ea71d571f03e5a7b75) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Geogrotesque Bd";
  src: url(/fonts/Geogrotesque-Bold.woff2?3f58a5a3ea3ac579b16b093501fc41d5) format("woff2"), url(/fonts/Geogrotesque-Bold.woff?4af84ca7ed4527857f0311ffc1f5c6c9) format("woff"), url(/fonts/Geogrotesque-Bold.ttf?984576ba7a701aa6367522c824dd24be) format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Geogrotesque Md";
  src: url(/fonts/Geogrotesque-Medium.woff2?bacfd34de9c1f8ff29cc847f0d3aa86a) format("woff2"), url(/fonts/Geogrotesque-Medium.woff?1a57b8937aa2427cae52547ef3ef909b) format("woff"), url(/fonts/Geogrotesque-Medium.ttf?c8950fafad1b2d436ca9f84b80deaa75) format("truetype");
  font-weight: 500;
  font-style: normal;
}

.mx-15 {
  margin-left: -15px;
  margin-right: -15px;
}

body {
  color: #000;
}

.top-menu-gradient {
  background: linear-gradient(to bottom right, #ff4100, #ff6400);
}

.menu li a {
  font-family: "Geogrotesque Rg", "Roboto", sans-serif;
}

.menu li a:hover {
  background: rgba(255, 255, 255, 0.4);
}

.sub-menu li {
  background: #ff4100;
  border-color: #ff4100;
}

h2,
.head-text span:first-child {
  color: #ff6400;
}

.grid-overlay {
  background-color: rgba(255, 100, 0, 0.7);
}

.nav-trigger {
  margin-top: 17px;
}

@media only screen and (max-width: 1024px) {
  .menu.menu-open li a {
    margin: auto;
    line-height: 1em;
  }
}

video::-internal-media-controls-download-button {
  display: none;
}

video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
  /* Adjust as needed */
}

.content-box ul {
  list-style-type: disc;
  padding-left: 2em;
}

.content-box ul > li {
  line-height: 25px;
  font-size: 15px;
  font-weight: 300;
  text-align: justify;
}

h2,
h4 {
  font-family: "Geogrotesque Bd", "Oswald", sans-serif;
}

h3,
.work-name {
  font-family: "Geogrotesque Md", "Oswald", sans-serif;
}