html, body {
  font-family: "Mont-Book", sans-serif;
  color: var(--syi-color-grey);
  font-size: 18px;
}

h1 {
  font-family: "Mont-Bold", sans-serif;
  font-size: 47px;
  color: var(--syi-color-dark);
  letter-spacing: 0;
  line-height: 80px;
}

h2 {
  font-family: "Mont-SemiBold", sans-serif;
  font-size: 37px;
  color: var(--syi-color-dark);
  letter-spacing: 0;
  line-height: 55px;
}

h3 {
  font-family: "Mont-SemiBold", sans-serif;
  font-size: 23px;
  color: var(--syi-color-dark);
  letter-spacing: 0.46px;
  line-height: 35px;
}

h4 {
  font-family: "Mont-Light", sans-serif;
  font-size: 23px;
  color: var(--syi-color-dark);
  letter-spacing: 0;
  line-height: 35px;
}

h5 {
  font-family: "Mont-SemiBold", sans-serif;
  font-size: 20px;
  color: var(--syi-color-dark);
  letter-spacing: 0;
  line-height: 35px;
}

h6 {
  font-family: "Mont-Light", sans-serif;
  font-size: 14px;
  color: var(--syi-color-dark);
  letter-spacing: 0;
  line-height: 35px;
}

p, a, li {
  font-size: 14px;
  line-height: 20px;
}

a {
  color: var(--syi-color-grey);
  text-decoration: none;
}

a:hover {
  color: var(--syi-color-primary);
}

.syi-text-primary {
  color: var(--syi-color-primary) !important;
}

.syi-text-highlight {
  color: var(--syi-color-primary) !important;
}

.syi-text-cta {
  color: var(--syi-color-tertiary) !important;
}

.syi-text-subtitle {
  font-family: "Mont-Book", sans-serif;
  font-size: 18px;
  color: var(--syi-color-dark);
  letter-spacing: 0.45px;
  line-height: 30px;
}

.syi-text-bold {
  font-family: "Mont-SemiBold", sans-serif;
  font-size: 18px;
  color: var(--syi-color-grey);
  letter-spacing: 0.45px;
  line-height: 35px;
}

.syi-font-bold {
  font-family: "Mont-Bold", sans-serif;
}

.syi-font-semibold {
  font-family: "Mont-SemiBold", sans-serif;
}

.syi-font-book {
  font-family: "Mont-Book", sans-serif;
}

.syi-font-bookitalic {
  font-family: "Mont-BookItalic", sans-serif;
}

.syi-font-light {
  font-family: "Mont-Light", sans-serif;
}

.syi-text-light {
  color: var(--syi-color-light);
}

.syi-bg-primary {
  background: var(--syi-color-primary);
}

.syi-bg-secondary {
  background: var(--syi-color-secondary);
}

.syi-bg-tertiary {
  background: var(--syi-color-tertiary);
}

:root {
  /* Primary Colors */
  --syi-color-primary-selection-highlight: #03384D;
  --syi-color-primary-hover-button: #237696;
  --syi-color-primary: #0983B2;
  --syi-color-primary-70: #52A8C9;
  --syi-color-primary-30: #B4D9E8;
  /* Secondary Colors */
  --syi-color-secondary-hover-button: #65A090;
  --syi-color-secondary: #7FCEB8;
  --syi-color-secondary-70: #A5DCCD;
  --syi-color-secondary-30: #D8F0EA;
  /* Tertiary Colors */
  --syi-color-tertiary-selection-highlight: #CE5723;
  --syi-color-tertiary-hover-button: #F38251;
  --syi-color-tertiary: #F69165;
  --syi-color-tertiary-70: #F8B193;
  --syi-color-tertiary-30: #FCD9CA;
  /* Aux Colors */
  --syi-color-dark: #000000;
  --syi-color-light: #FFFFFF;
  --syi-color-grey: #7D7D7D;
  --syi-color-grey-60: #B0B0B0;
  --syi-color-grey-30: #d3d3d3;
}

@media only screen and (max-width: 600px) {
  html, body {
    font-size: 16px;
  }
}

/*# sourceMappingURL=ds.css.map */