@font-face {
  font-family: 'PTSerif';
  font-weight: 400;
  src: local(PTSerif-Regular), url('fonts/PTSerif-Regular.woff2') format('woff2'),
    url('fonts/PTSerif-Regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'PTSerif';
  font-weight: 700;
  src: local(PTSerif-Bold), url('fonts/PTSerif-Bold.woff2') format('woff2'),
    url('fonts/PTSerif-Bold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'SpaceGrotesk';
  font-weight: 300;
  src: local(SpaceGrotesk-Light), local(SpaceGrotesk Light),
    url('fonts/SpaceGrotesk-Light.woff2') format('woff2'),
    url('fonts/SpaceGrotesk-Light.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'SpaceGrotesk';
  font-weight: 700;
  src: local(SpaceGrotesk-Bold), local(SpaceGrotesk Bold),
    url('fonts/SpaceGrotesk-Bold.woff2') format('woff2'),
    url('fonts/SpaceGrotesk-Bold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Lora';
  font-weight: 600;
  src: local(Lora-Semibold), local(Lora Semibold), local(Lora),
    url('fonts/Lora.woff2') format('woff2'), url('fonts/Lora.woff') format('woff');
  font-display: swap;
}

html {
  font-family: 'PTSerif', Georgia, 'Times New Roman', Times, Serif;
}

.h-2,
.h-3,
.pretitle,
.btn {
  font-family: 'SpaceGrotesk', Georgia, 'Times New Roman', Times, Serif;
}

#main a {
  font-family: 'Lora', Georgia, 'Times New Roman', Times, Serif;
}

.wysiwyg h1,
.h-1 {
  font-size: clamp(2rem, 5vw, 2.5rem) !important;
  line-height: 1.4 !important;
}

.wysiwyg h2,
.h-2 {
  font-size: clamp(1.5rem, 5vw, 2.0rem) !important;
  line-height: 1.4 !important;
}

.caption {
  font-size: 1.2rem !important;
}