:root {
  font-family: 'Ubuntu', sans-serif; }

* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: underline;
  color: white; }
  a:hover {
    cursor: pointer; }

ul {
  padding-left: 1em; }

p {
  line-height: 1.25;
  margin: 0.5em 0; }

h1 {
  font-size: 17pt;
  text-transform: uppercase;
  letter-spacing: 0.048em;
  margin: 1.25em 0;
  text-align: center; }

h1:first-child, h2:first-child {
  margin-top: 0; }

h2 {
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 0.75em;
  margin-top: 1.5em; }

.section--intro {
  width: 100%;
  height: 100vh;
  position: relative; }

.section__background {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: black;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("resources/fallback2.jpg"); }
  @media (min-width: 768px) {
    .section__background {
      background-image: none; } }
  .section__background__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6); }
  .section__background video {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1; }
    @media (min-width: 768px) {
      .section__background video {
        display: block; } }

.section__content {
  box-sizing: content-box;
  text-align: center;
  padding: 5% 15px;
  color: white; }
  .section__content > * {
    margin: 1rem auto; }
  .section__content__logo {
    max-width: 23rem;
    padding: 0 2rem;
    margin-bottom: 5%; }
    .section__content__logo img {
      width: 100%; }
  .section__content__coming-soon {
    font-size: 1rem;
    text-transform: uppercase;
    color: black;
    background-color: white;
    padding: 0.8rem 2rem;
    font-weight: bold;
    display: table; }
  .section__content__overlay {
    box-sizing: border-box;
    padding: 2.5rem;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.6); }
    .section__content__overlay--regular {
      max-width: 576px; }
    .section__content__overlay--masstext {
      font-size: 8pt;
      max-width: 768px; }
    .section__content__overlay input, .section__content__overlay button {
      font-size: 17pt;
      padding: .6em .7em;
      border-style: none;
      letter-spacing: 0.01em; }
      .section__content__overlay input::placeholder, .section__content__overlay button::placeholder {
        text-transform: uppercase;
        transition: all ease-in-out 0.3s; }
    .section__content__overlay input[type="checkbox"] {
      width: 1.5em;
      height: 1.5em; }
      .section__content__overlay input[type="checkbox"]:hover {
        cursor: pointer; }
    .section__content__overlay button {
      background-color: #46863c;
      font-weight: bold;
      color: white;
      text-transform: uppercase; }
      .section__content__overlay button:hover {
        cursor: pointer; }
    .section__content__overlay form > div {
      margin: 1.5em 0; }
    @media (min-width: 576px) {
      .section__content__overlay form .mailsub {
        display: grid;
        grid-template-columns: auto max-content; } }
    .section__content__overlay form .mailsub > * {
      display: block;
      width: 100%;
      box-sizing: border-box; }
    .section__content__overlay form .mailsub :first-child {
      margin-bottom: 0.56em; }
      @media (min-width: 576px) {
        .section__content__overlay form .mailsub :first-child {
          margin-bottom: 0; } }
    @media (min-width: 576px) {
      .section__content__overlay form .mailsub :last-child {
        margin-left: 0.6em;
        width: auto; } }
    .section__content__overlay form .consent input {
      margin-right: 0.6em; }
    .section__content__overlay form .consent label {
      display: inline-block;
      width: calc(100% - 3.4em);
      vertical-align: top; }
      .section__content__overlay form .consent label small {
        letter-spacing: 0.02em; }
  .section__content__menus nav.menu a {
    text-decoration: none; }
  .section__content__menus nav.menu--social {
    padding-bottom: 0.5rem; }
    .section__content__menus nav.menu--social ul li a {
      font-weight: bold; }
  .section__content__menus nav.menu ul {
    padding: 0; }
    .section__content__menus nav.menu ul li {
      list-style: none;
      display: inline-block; }
      .section__content__menus nav.menu ul li:after {
        content: "\00a0\2022\00a0";
        font-size: 1rem; }
      .section__content__menus nav.menu ul li:last-child:after {
        content: none; }
      .section__content__menus nav.menu ul li a {
        text-transform: uppercase; }