/* - Variables */
:root {
  --font-family-1: 'Futura';
  --font-family-2: 'Mulish';
  
  --font-weight-body-1: 300;
  --font-weight-title-1: 600;

  --font-size-body-1: .75rem;
  --font-size-title-1: 1.5rem;
  --font-size-title-2: 1.1rem;
  --font-size-title-3: .9rem;

  --color-1-1: #2b2b2b;
  --color-1-2-1: #0003;
  --color-2-1: #752429;
}

/* - Font-family */
body {
  font-family: var(--font-family-2);
  font-weight: var(--font-weight-body-1);
  color: var(--color-1-1);
  letter-spacing: -.1px;
  line-height: 1.2em;
}
h1, h2 {
  font-family: var(--font-family-1);
  font-weight: var(--font-weight-title-1);
  color: var(--color-2-1);
  letter-spacing: -.1px;
  line-height: 1.2em;
}

/* - Font-size */
body {
  font-size: var(--font-size-body-1);
}
h1 {
  font-size: var(--font-size-title-1);
}
h2 {
  font-size: var(--font-size-title-2);
}
h3 {
  font-size: var(--font-size-title-3);
}
@media (min-width: 600px) {
  :root {
    --font-size-body-1: 1rem;
    --font-size-title-1: 2.5rem;
    --font-size-title-2: 1.75rem;
    --font-size-title-3: 1.375rem;
  }
}

/* - a11y */
.sr-only {
  position: absolute !important;
  top: auto !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}