body {
  font-family: 'Inter', sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

h1,
h2,
h3 {
  font-weight: 800 !important;
}

h4,
h5 {
  font-weight: 600 !important;
}

a {
  color: #e35052;
}

.sl-brand {
  height: 48px;
}

.sl-navbar a {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-transform: uppercase;
  color: inherit;
}

  .sl-navbar a:hover,
  .sl-navbar a:focus,
  a[aria-current='page'] {
    color: #e30183;
  }

.sl-navbar .navbar-nav-svg {
  width: 1rem;
  height: 1rem;
}

.sl-navbar .navbar-nav .nav-link {
  display: flex;
  align-items: center;
}

main {
  flex: 1;
}

.masthead {
  padding: 3rem 0;
  margin-bottom: 3rem;
  background-color: #f9f9f9;
  background-image: url(img/labyrinth.svg);
  background-size: 1024px 1024px;
  background-repeat: no-repeat;
  background-position: calc(100% + 512px) calc(100% + 512px);
}

  .masthead h1 {
    font-size: calc(1.25rem + 3.3vw);
    line-height: 1;
  }

  .masthead .lead {
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 400;
    color: #495057;
  }

@media (min-width: 1200px) {
  .masthead {
    background-size: cover;
    background-position: calc(100% + 512px) calc(100% + 512px);
  }

    .masthead h1 {
      font-size: 4.5rem;
    }

    .masthead .lead {
      font-size: 1.5rem;
    }
}

section {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}

  section.alt {
    padding-top: 3rem;
  }

.form-group {
  margin-bottom: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em * 5 + 2px);
}