@font-face {
  font-family: FuturaBT;
  src: url(fonts/futura-light-bt.ttf);
}

@font-face {
  font-family: LeagueSpartan;
  src: url(fonts/LeagueSpartan-VariableFont_wght.ttf)
}

.page-container {
  max-width: calc(1024px + 32px);
  margin: 0 auto 96px;
  padding: 0 16px;
}

img {
  width: 100%;
}

.container {
  margin: 0 auto;

}

.container--med {
  padding: 0 176px;
}

.container--lg {
  width: 100%;
}

.footer-logo-container {
  width: 118px;
}

.logo-container {
  margin: 36px auto;
  max-width: 480px;
  padding: 0 18px;
}

.main-photo-container {
  position: relative;
}

.main-photo-container__photo {
  display: block;
}

a,
.main-body {
  margin: 36px auto;
  font-size: 22px;
  line-height: 28px;
  font-family: "LeagueSpartan", sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.25px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  text-align: justify;
  color: rgba(0,0,0, 0.35);
}

a {
  word-break: keep-all;
  font-weight: 400;
}

.main-body p {
  -webkit-margin-after: 1.5em;
          margin-block-end: 1.5em;
}

@media screen and (max-width: 1024px) {
  .container--med {
    padding: 0 108px;
  }

  .page-container {
    margin: 32px auto 96px;
  }

  .logo-container {
    margin: 32px auto;
  }

  .main-body {
    margin: 32px auto;
  }
}

@media screen and (max-width: 768px) {
  .page-container {
    margin: 16px auto 48px;
    padding: 0;
  }

  .container--med {
    padding: 0 32px;
  }

  .logo-container {
    max-width: 328px;
    margin: 16px auto;
  }
}