/* Layout: Main
========================================================================== */

@media (min-width: 1024px) {
  main {
    margin-top: 98px;
  }
}

@media (min-width: 1280px) {
  main {
    margin-top: 113px;
  }
}

@media (min-width: 1600px) {
  main {
    margin-top: 124px;
  }
}

@media (min-width: 2300px) {
  main {
    margin-top: 141px;
  }
}


/* Layout: Content Max Width
========================================================================== */

.l_cmw {
  max-width: 680px;
}
.l_cmw--big {
  max-width: 850px;
}

@media (min-width: 1280px) {
  .l_cmw {
    max-width: 810px;
  }
  .l_cmw--big {
    max-width: 1020px;
  }
}

@media (min-width: 1600px) {
  .l_cmw {
    max-width: 900px;
  }
  .l_cmw--big {
    max-width: 1130px;
  }
}

@media (min-width: 2300px) {
  .l_cmw {
    max-width: 1030px;
  }
  .l_cmw--big {
    max-width: 1300px;
  }
}



/* Layout: GHL Widget
========================================================================== */

.l_ghl-widget {
  max-width: 850px;
  margin-inline: auto;
}



/* Layout: Separator
========================================================================== */

.l_separ {
  margin-bottom: 1.75em;
  padding-bottom: 1.75em;
}

.l_separ--s {
  margin-bottom: 1.25em;
  padding-bottom: 1.25em;
}

.l_separ--sec {
  margin-bottom: 2em;
  padding-bottom: 2em;
}

@media (min-width: 768px) {
  .l_separ--sec {
    margin-bottom: 3em;
    padding-bottom: 3em;
  }
}

@media (min-width: 1024px) {
  .l_separ {
    margin-bottom: 2em;
    padding-bottom: 2em;
  }
}

@media (min-width: 1280px) {
  .l_separ--sec {
    margin-bottom: 3.5em;
    padding-bottom: 3.5em;
  }
  .l_separ--s {
    margin-bottom: 1.13em;
    padding-bottom: 1.13em;
  }
}

@media (min-width: 1600px) {
  .l_separ--sec {
    margin-bottom: 4.5em;
    padding-bottom: 4.5em;
  }
}

@media (min-width: 2300px) {
  .l_separ--sec {
    margin-bottom: 5em;
    padding-bottom: 5em;
  }
}



/* Layout: Flow Black
========================================================================== */

.l_flow-black,
.l_flow-black .h1, .l_flow-black h1,
.l_flow-black .h2, .l_flow-black h2,
.l_flow-black .h3, .l_flow-black h3,
.l_flow-black .h4, .l_flow-black h4,
.l_flow-black .h5, .l_flow-black h5,
.l_flow-black .h6, .l_flow-black h6 {
  color: var(--c-white);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}



/* Layout: Image
========================================================================== */

@media (min-width: 414px) and (max-width: 767px) {
  .l_image {
    max-width: 80vw;
    margin-inline: auto;
  }
}



/* Layout: Onyx Text
========================================================================== */

.l_onyx-text {
  border-left: 4px solid var(--c-mysctic);
  font-family: var(--ff-heading);
  font-style: italic;
  padding-left: 1em;
}

@media (min-width: 1280px) {
  .l_onyx-text {
    border-left: 5px solid var(--c-mysctic);
  }
}

@media (min-width: 1600px) {
  .l_onyx-text {
    border-left: 6px solid var(--c-mysctic);
  }
}

@media (min-width: 2300px) {
  .l_onyx-text {
    border-left: 7px solid var(--c-mysctic);
  }
}



/* Layout: DMX Text
========================================================================== */

.l_dmx-text {
  font-size: 3.25em;
  margin-top: -0.13em;
}

@media (min-width: 768px) {
  .l_dmx-text {
    font-size: 4.5em;
    margin-top: -0.25em;
  }
}

@media (min-width: 1024px) {
  .l_dmx-text {
    font-size: 6em;
  }
}

@media (min-width: 1600px) {
  .l_dmx-text {
    font-size: 8em;
  }
}



/* Layout: Calendly Widget
========================================================================== */

.calendly-inline-widget {
  width: 100%;
  min-height: 1000px;
}