@font-face {
  font-family: "TSU Nexa Bold";
  src: url(./static/font/Nexa-Bold.otf);
  font-weight: bold;
}

@font-face {
  font-family: "TSU Nexa Regular";
  src: url(./static/font/Nexa-Regular.otf);
}

@font-face {
  font-family: "TSU OpenSans Medium";
  src: url(./static/font/OpenSans-Medium.ttf);
}

@font-face {
  font-family: "TSU OpenSans Light";
  src: url(./static/font/OpenSans-Light.ttf);
}

:root {
  --banner-color: #75263b;
  --banner-header-color: white;
  --banner-header-font: "TSU Nexa Bold", Arial, sans-serif;
  --banner-header-emphasis-color: white;
  --banner-header-emphasis-font: "TSU OpenSans Medium", Arial, sans-serif;
  --banner-subheader-color: white;
  --banner-subheader-font: "TSU Nexa Regular", Arial, sans-serif;
  --button-color: #75263b;
  --button-text-secondary-color: #000;
  --button-text-color: white;
  --button-text-font: "TSU OpenSans Medium", Arial, sans-serif;
  --button-hover-color: #4b001d;
  --button-hover-text-color: white;
  --back-button-color: #6c757d;
  --back-button-hover-color: #5a6268;
  --form-title-font: "TSU Nexa Bold", Arial, sans-serif;
  --form-option-font: "TSU OpenSans Medium", Arial, sans-serif;
  --form-label-font: "TSU OpenSans Medium", Arial, sans-serif;
  --form-opt-in-font: "TSU OpenSans Light", Arial, sans-serif;
  --form-option-color: #e2e6ea;
  --form-option-hover-color: #ced4da;
  --video-header-font: "TSU Nexa Bold", Arial, sans-serif;
  --video-subheader-font: "TSU OpenSans Medium", Arial, sans-serif;
  --video-text-font: "TSU OpenSans Medium", Arial, sans-serif;
  --powered-by-text-font: serif;
  --modal-close-button-color: #6c757d;
  --modal-close-button-hover-color: #5a6268;
  --share-title-font: "TSU OpenSans Medium", Arial, sans-serif;
}

.title-slide-logo {
  max-width: 200px;
}

@media only screen and (min-width: 577px) {
  #banner-header {
    font-size: 1.6rem !important;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}