:root {
  --main-site-color: #2e9b74;
  --secondary-site-color: #21C087;
  --tertiary-site-color: #37b787;
  --aero-blue: #cbffec;
  --fafafa---page-background: #fafafa;
  --light--f8f9fa: #f8f9fa;
  --mercury: #e7e7e7;
  --secondary--6c757d: #6c757d;
  --main-gray-text: #797979;
  --light-gray: #bdbdbd;
  --universal--black--000000: #000000;
  --universal--white--ffffff: #ffffff;
  --login-page-color: #21C087;
  --select-input-text-color: #B7B7B7;

  --riasec-realistic-color: #ffa0b7;
  --riasec-investigative-color: #86c8f6;
  --riasec-artistic-color: #ffe299;
  --riasec-social-color: #b9aac2;
  --riasec-enterprising-color: #92d8da;
  --riasec-conventional-color: #c0d6e0;

  --font-size-xl: 2.083vw;
  --font-size-l: 1.67vw;
  --font-size-mml: 1.51vw;
  --font-size-ml: 1.35vw;
  --font-size-m: 1.04vw;
  --font-size-s: 1vw;
  --font-size-xs: .833vw;
  --font-size-xxs: .73vw;

  --font-family-mr_eaves_xl_mod_ot: "Mr Eaves XL Mod OT", Helvetica;
  --font-family-mreaves_xl_mod_ot-heavy: "MrEaves XL Mod OT-Heavy", Helvetica;
  --font-family-mreaves_xl_mod_ot-reg: "MrEaves XL Mod OT-Reg", Helvetica;

  --course-plan-ext-border-width: .15vw;
  --course-plan-quarter-border-width: .07vw;
  --course-plan-quarter-width: 2.6042vw;
}

@media screen and (max-width: 999px) {
  :root {
    --font-size-xl: 3.2vw;
    --font-size-l: 2.4vw;
    --font-size-mml: 2.2vw;
    --font-size-ml: 2vw;
    --font-size-m: 1.9vw;
    --font-size-s: 1.6vw;
    --font-size-xs: 1.3vw;
    --font-size-xxs: 1vw;

    --padding-space-xxl: 5vw;
    --padding-space-xl: 4vw;
    --padding-space-l: 3vw;
    --padding-space-ml: 2.5vw;
    --padding-space-m: 2vw;
    --padding-space-s: 1.5vw;
    --padding-space-xs: 1vw;
  }
}

@media screen and (max-width: 600px) {
  :root {
    --font-size-xl: 4.5vw;
    --font-size-l: 4vw;
    --font-size-mml: 3.5vw;
    --font-size-ml: 3.2vw;
    --font-size-m: 3vw;
    --font-size-s: 2.5vw;
    --font-size-xs: 2vw;
    --font-size-xxs: 1.5vw;

    --padding-space-xxl: 6vw;
    --padding-space-xl: 5vw;
    --padding-space-l: 4vw;
    --padding-space-ml: 3.5vw;
    --padding-space-m: 2.5vw;
    --padding-space-s: 1.8vw;
    --padding-space-xs: 1.5vw;
  }
}

.mreavesxlmodot-reg-normal-aero-blue-20px,
.mreavesxlmodot-reg-normal-aero-blue-20px a {
  color: var(--aero-blue);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-reg-normal-black-20px {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-heavy-normal-black-20px {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-reg-normal-white-20px {
  color: var(--universal--white--ffffff);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-reg-normal-black-18px {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-heavy-normal-black-32px {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-heavy-normal-black-ml {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-ml);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-reg-normal-black-ml {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-ml);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-reg-normal-gray-med-large {
  color: var(--main-gray-text);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-ml);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-ml);
}

.mreavesxlmodot-heavy-normal-gray-med-large {
  color: var(--main-gray-text);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-ml);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-ml);
}


.mreavesxlmodot-reg-normal-black-xl {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-reg-normal-black-large {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-l);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-l);
}

.mreavesxlmodot-med-normal-black-large {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-l);
  font-weight: 600;
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-l);
}

.mreavesxlmodot-heavy-normal-black-med {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-m);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-m);
}

.mreavesxlmodot-reg-normal-gray-med {
  color: var(--main-gray-text);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-m);
}

.mreavesxlmodot-heavy-normal-black-med-large {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-ml);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-ml);
}

.mreavesxlmodot-reg-normal-black-med-large {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-ml);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-ml);
}

.mreavesxlmodot-heavy-normal-main-site-color-med-large {
  color: var(--main-site-color);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-ml);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-ml);
}

.mreavesxlmodot-reg-normal-black-med {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-m);
}

.mreavesxlmodot-reg-normal-red-med {
  color: red;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-m);
}

.mreavesxlmodot-heavy-normal-main-site-color-med {
  color: var(--main-site-color);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-m);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-m);
}

.mreavesxlmodot-reg-normal-main-site-color-med {
  color: var(--main-site-color);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-m);
}

.mreavesxlmodot-reg-normal-secondary-site-color-med {
  color: var(--secondary-site-color);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-m);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-m);
}

.mreavesxlmodot-reg-normal-gray-s {
  color: var(--main-gray-text);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-reg-normal-black-s {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-heavy-normal-black-s {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-s);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-s);
}

.mreavesxlmodot-heavy-normal-main-site-color-s {
  color: var(--main-site-color);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-s);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-s);
}

.mreavesxlmodot-reg-normal-main-site-color-s {
  color: var(--main-site-color);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-s);
}

.mreavesxlmodot-reg-normal-gray-xs {
  color: var(--main-gray-text);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-heavy-normal-gray-xs {
  color: var(--main-gray-text);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-reg-normal-black-xs {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.mreavesxlmodot-heavy-normal-black-med-large {
  color: var(--universal--black--000000);
  font-family: var(--font-family-mreaves_xl_mod_ot-heavy);
  font-size: var(--font-size-ml);
  /* font-weight: 400; */
  letter-spacing: max(.0328vw, .4px);
  line-height: var(--font-size-s);
}

.border-1px-mercury {
  border: .052vw solid var(--mercury);
}