@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Exo2-400-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Exo2-500-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Exo2-600-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Exo2-700-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/Exo2-800-ExtraBold.woff2') format('woff2');
}

.inframe-default-content { font-family: "Exo 2", Arial, sans-serif; }

@font-face {
  font-family: 'Frame PD';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/FramePD-Regular.woff2') format('woff2');
}

.inframe-actual .if-hero__title,
.inframe-actual .if-display,
.inframe-actual .if-contact__title {
  font-family: 'Frame PD', 'Exo 2', Arial, sans-serif;
  font-weight: 400;
  font-synthesis: none;
}

/* The wider display face keeps the two-sentence motto on two desktop lines. */
@media (min-width: 761px) {
  .inframe-actual .if-hero__title { max-width: 1450px; }
}