@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {
    color: #000;
    background-color: #fff;
    font-family: "BrandonGrotesqueW05-Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4em;
  }

  a,
  a:link,
  a:visited,
  a:hover,
  a:active {
    color: #000;
  }

  img,
  svg,
  canvas {
    width: auto;
    height: auto;
  }

  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 16px;
  }

  h5 {
    font-size: 14px;
  }

  h6 {
    font-size: 12px;
  }

  main,
  figure,
  figcaption {
    display: block;
  }

  .width-constrained {
    max-width: 300px;
  }

  .width-readable {
    max-width: 440px;
  }

  .width-content {
    max-width: 960px;
  }

  .width-site {
    max-width: 1280px;
  }

  .page-title {
    font-family: "BelweLtBTW05-Light", "Times New Roman", serif;
    font-size: 28px;
  }

  .site-main {
    display: block;
  }

  .site-footer {
    margin: 5rem 0;
    color: #999;
  }

  .site-footer a,
  .site-footer a:link,
  .site-footer a:visited,
  .site-footer a:hover,
  .site-footer a:active {
    color: #999;
  }

  .site-office-address {
    margin-bottom: 4rem;
  }

  .section-video-cta a {
    font-family: "BelweLtBTW05-Light", "Times New Roman", serif;
  }

  .section-poem,
  .section-social,
  .section-contact,
  .section-past,
  .section-present {
    margin: 4rem auto;
    max-width: 960px;
  }

  .section-poem .row {
    max-width: 1280px;
  }

  .section-poem .col {
    margin: 4rem 0;
    display: block;
  }

  .section-video {
    margin: 4rem auto;
  }

  .section-video .video-thumbnail::after {
    color: #fff;
  }

  .contact-team h2,
  .contact-newsletter h2 {
    font-family: "BelweLtBTW05-Light", "Times New Roman", serif;
    text-transform: none;
  }

  .contact-newsletter {
    margin: 4rem 0 0;
  }

  .section-past h2,
  .section-present h2 {
    font-family: "BelweLtBTW05-Light", "Times New Roman", serif;
    text-transform: none;
  }

  .section-past figure,
  .section-present figure,
  .section-past figcaption,
  .section-present figcaption {
    max-width: 340px;
    margin: 0 auto;
  }

  .body-text {
    font-family: "BrandonGrotesqueW05-Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4em;
  }

  .drop-cap {
    font-family: "BelweLtBTW05-Light", "Times New Roman", serif;
  }

  #contact #signup .klaviyo-form input,
  #contact #signup .klaviyo-form input:hover,
  #contact #signup .klaviyo-form input:focus,
  #contact #signup .klaviyo-form input:active {
    border-bottom: solid 2px #000;
    color: #000;
    font-family: "BrandonGrotesqueW05-Light", Arial, sans-serif;
  }

  #contact #signup .klaviyo-form input::-webkit-input-placeholder {
    color: #999;
    font-family: "BrandonGrotesqueW05-Light", Arial, sans-serif;
  }

  #contact #signup .klaviyo-form input:-ms-input-placeholder {
    color: #999;
    font-family: "BrandonGrotesqueW05-Light", Arial, sans-serif;
  }

  #contact #signup .klaviyo-form input::-ms-input-placeholder {
    color: #999;
    font-family: "BrandonGrotesqueW05-Light", Arial, sans-serif;
  }

  #contact #signup .klaviyo-form input::placeholder {
    color: #999;
    font-family: "BrandonGrotesqueW05-Light", Arial, sans-serif;
  }

  #contact #signup .klaviyo-form [class*="ValidationMessage__Container-"] ~ input,
  #contact #signup .klaviyo-form [class*="ValidationMessage__Container-"] ~ input:hover,
  #contact #signup .klaviyo-form [class*="ValidationMessage__Container-"] ~ input:focus,
  #contact #signup .klaviyo-form [class*="ValidationMessage__Container-"] ~ input:active {
    border-bottom-color: #900;
    color: #900;
  }

  #contact #signup .klaviyo-form [class*="ValidationMessage__Container-"] ~ input::-webkit-input-placeholder {
    color: #900;
  }

  #contact #signup .klaviyo-form [class*="ValidationMessage__Container-"] ~ input:-ms-input-placeholder {
    color: #900;
  }

  #contact #signup .klaviyo-form [class*="ValidationMessage__Container-"] ~ input::-ms-input-placeholder {
    color: #900;
  }

  #contact #signup .klaviyo-form [class*="ValidationMessage__Container-"] ~ input::placeholder {
    color: #900;
  }

  #contact #signup .klaviyo-form [class*="ValidationMessage__ValidationContainer-"] {
    background-color: #900;
    color: #fff;
  }

  #contact #signup .klaviyo-form [class*="ValidationMessage__FormStyledValidationMessage-"] {
    color: #fff;
  }

  #contact #signup .klaviyo-form button,
  #contact #signup .klaviyo-form input[type="submit"],
  #contact #signup .klaviyo-form input[type="button"] {
    color: #000;
    font-family: "BrandonGrotesqueW05-Light", Arial, sans-serif;
  }

  #contact #signup .klaviyo-form .ql-editor p {
    color: #000;
    font-family: "BrandonGrotesqueW05-Light", Arial, sans-serif;
  }

  #contact #signup .klaviyo-form .ql-snow a {
    color: #000;
  }

  a#CybotCookiebotDialogBodyLevelButtonAccept,
  a#CybotCookiebotDialogBodyLevelButtonAccept:link,
  a#CybotCookiebotDialogBodyLevelButtonAccept:visited,
  a#CybotCookiebotDialogBodyLevelButtonAccept:hover,
  a#CybotCookiebotDialogBodyLevelButtonAccept:active {
    background-color: #000;
    border-color: #000;
    color: #fff;
  }

  @media screen and (min-width: 600px) {
    .row {
      width: 100%;
    }

    .section-poem .row {
      margin-top: 4rem;
      margin-bottom: 4rem;
    }

    .contact-newsletter {
      margin: 0;
    }
  }
}
