@font-face {
  font-family: "UC Pharma Bold";
  src: url(./static/font/Jost-Bold.ttf);
  font-weight: bold;
}

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

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

:root {
  --banner-color: #e00122;
  --banner-header-color: white;
  --banner-header-font: "UC Pharma Bold", Arial, sans-serif;
  --banner-header-emphasis-color: white;
  --banner-header-emphasis-font: "UC Pharma", Arial, sans-serif;
  --banner-subheader-color: white;
  --banner-subheader-font: "UC Pharma", Arial, sans-serif;
  --button-color: #e00122;
  --button-text-secondary-color: #000;
  --button-text-color: white;
  --button-text-font: "UC Pharma Bold", Arial, sans-serif;
  --button-hover-color: #b8011c;
  --button-hover-text-color: white;
  --back-button-color: #6c757d;
  --back-button-hover-color: #5a6268;
  --form-title-font: "UC Pharma Bold", Arial, sans-serif;
  --form-option-font: "UC Pharma", Arial, sans-serif;
  --form-label-font: "UC Pharma", Arial, sans-serif;
  --form-opt-in-font: "UC Pharma Light", Arial, sans-serif;
  --form-option-color: #e2e6ea;
  --form-option-hover-color: #ced4da;
  --video-header-font: "UC Pharma Bold", Arial, sans-serif;
  --video-subheader-font: "UC Pharma", Arial, sans-serif;
  --video-text-font: "UC Pharma", Arial, sans-serif;
  --powered-by-text-font: serif;
  --modal-close-button-color: #6c757d;
  --modal-close-button-hover-color: #5a6268;
  --share-title-font: "UC Pharma", Arial, sans-serif;
}

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

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