@charset "UTF-8";
/* This file has been generated from a template. Do not edit it directly, your edits will 
   be ignored like a ten-year-old's dad. Instead, edit the source template in 
   /assets/font-svg/_iconfont-fontface.scss. 

   This is a lodash template.
*/
@import url("https://use.typekit.net/pvo7mfb.css");
@font-face {
  font-family: "iconfont";
  src: url("../fonts/icons-980356548.eot");
  src: url("../fonts/icons-980356548.eot?#iefix") format("eot"), url("../fonts/icons-980356548.woff2") format("woff2"), url("../fonts/icons-980356548.woff") format("woff"), url("../fonts/icons-980356548.ttf") format("truetype"), url("../fonts/icons-980356548.svg#icons-980356548") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Colors
/* remember to turn off any unused swatches in atoms>global>colors.twig
/* _______________________________________________________________ */
/* This file has been generated from a template. Do not edit it directly, your edits will 
   be ignored like a ten-year-old's dad. Instead, edit the source template in 
   /assets/font-svg/_iconfont-vars.scss. 

   This is a lodash template.
*/
.slick-loading .slick-list {
  background: #fff url("./js/libs/slick/ajax-loader.gif") center center no-repeat;
}

.slick-slider {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.slick-slider .link-box__body {
  line-height: initial !important;
}

.slick-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
.slick-track::before, .slick-track::after {
  display: table;
  content: "";
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  height: 100%;
  min-height: 1px;
  float: left;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}

@font-face {
  font-family: "slick";
  font-style: normal;
  font-weight: normal;
  src: url("//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/fonts/slick.eot");
  src: url("//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/fonts/slick.eot?#iefix") format("embedded-opentype"), url("//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/fonts/slick.woff") format("woff"), url("//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/fonts/slick.ttf") format("truetype"), url("//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/fonts/slick.svg#slick") format("svg");
}
.slick-prev,
.slick-next {
  display: block;
  position: absolute;
  top: 50%;
  width: 2rem;
  height: 2rem;
  padding: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border: 0;
  outline: 0;
  font-size: 0;
  cursor: pointer;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: 0;
}
.slick-prev:hover::before, .slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
  opacity: 1;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
  opacity: 0.5;
}
.slick-prev::before,
.slick-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-family: "iconfont";
  font-size: 1rem;
  line-height: 1;
  opacity: 0.75;
}
@media screen and (min-width: 35rem) {
  .slick-prev,
.slick-next {
    width: 4rem;
    height: 4rem;
  }
  .slick-prev::before,
.slick-next::before {
    font-size: 1.625rem;
  }
}

button.slick-prev {
  left: -60px;
  z-index: 1000;
}
[dir=rtl] button.slick-prev {
  right: -60px;
  left: auto;
}
button.slick-prev::before {
  content: "";
}
[dir=rtl] button.slick-prev::before {
  content: "";
}

button.slick-next {
  right: -60px;
}
[dir=rtl] button.slick-next {
  right: auto;
  left: -60px;
}
button.slick-next::before {
  content: "";
}
[dir=rtl] button.slick-next::before {
  content: "";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  border: 0;
  outline: none;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover::before, .slick-dots li button:focus::before {
  opacity: 1;
}
.slick-dots li button::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 0.5rem;
  line-height: 20px;
  text-align: center;
  content: "•";
  opacity: 0.25;
}
.slick-dots li.slick-active button::before {
  opacity: 0.75;
}

.carousel .slick-next {
  right: 0;
  left: auto;
}
.carousel .slick-prev {
  right: auto;
  left: 0;
}

@media screen and (min-width: 58rem) {
  .carousel.carousel--center figure {
    margin: 0 auto;
  }
  .carousel.carousel--center figcaption {
    max-height: 0;
    margin-top: 0;
    -webkit-transition: 0.3s max-height ease-in-out;
    transition: 0.3s max-height ease-in-out;
    overflow: hidden;
    z-index: -1;
  }
  .carousel.carousel--center .slick-slide {
    -webkit-transition: 500ms ease;
    transition: 500ms ease;
  }
  .carousel.carousel--center .slick-slide img {
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    opacity: 0.46;
  }
  .carousel.carousel--center .slick-current {
    padding-bottom: 3rem;
    -webkit-transform: scale(1.105);
            transform: scale(1.105);
    z-index: 10;
  }
  .carousel.carousel--center .slick-current img {
    opacity: 1;
  }
  .carousel.carousel--center .slick-current figcaption {
    max-height: 500px;
  }
  .carousel.carousel--center .slick-current figcaption h3,
.carousel.carousel--center .slick-current figcaption p {
    font-size: 0.905em;
  }
  .carousel.carousel--center__list {
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 0;
  }
  .carousel.carousel--center__list.slick-initialized {
    opacity: 1;
  }

  .carousel.carousel--center__advance {
    position: absolute;
    top: 50%;
    width: rem-calc(60);
    height: rem-calc(60);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #fff;
    z-index: 99;
  }
  .carousel.carousel--center__advance svg {
    width: rem-calc(40);
    height: auto;
  }
  .carousel.carousel--center__advance span {
    font-size: 0;
  }

  .carousel.carousel--center .xslick-next,
.carousel.carousel--center .slick-prev {
    background-color: transparent;
  }
  .carousel.carousel--center .xslick-next::before,
.carousel.carousel--center .slick-prev::before {
    color: #fff;
  }
  .carousel.carousel--center__prev {
    left: rem-calc(75);
  }

  .carousel.carousel--center__next {
    right: rem-calc(75);
  }

  .carousel.carousel--center__wrapper {
    position: relative;
  }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -3rem;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  background: #444;
}

.mfp-figure small {
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
     * Remove all paddings around the image on small screen
     */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.cite-media .icon-label {
  color: #515664;
}

.image-with-caption__media {
  background-color: #aaaaaa;
}

button,
.link--button,
input.button {
  border-color: #13294b;
  background-color: #13294b;
  color: #fff;
}
button:link, button:visited,
.link--button:link,
.link--button:visited,
input.button:link,
input.button:visited {
  border-color: #13294b;
  background-color: #13294b;
  color: #fff;
}
button.button--ghost,
.link--button.button--ghost,
input.button.button--ghost {
  background-color: transparent;
  color: #13294b;
}
button.button--transparent,
.link--button.button--transparent,
input.button.button--transparent {
  background-color: transparent;
  border-color: transparent;
  color: #13294b;
}
button[disabled], button.active,
.link--button[disabled],
.link--button.active,
input.button[disabled],
input.button.active {
  border-color: #ebebeb !important;
  background-color: #ebebeb !important;
  color: #515664 !important;
}
button[disabled].button--ghost, button.active.button--ghost,
.link--button[disabled].button--ghost,
.link--button.active.button--ghost,
input.button[disabled].button--ghost,
input.button.active.button--ghost {
  background-color: transparent !important;
  color: #515664 !important;
}
button:hover,
.link--button:hover,
input.button:hover {
  border-color: #1897d4;
  background-color: #1897d4;
  color: #fff;
}
button:active, button[aria-pressed=true],
.link--button:active,
.link--button[aria-pressed=true],
input.button:active,
input.button[aria-pressed=true] {
  border-color: #2b3a82;
  background-color: #fff;
  color: #2b3a82;
}
button:active.button--ghost, button[aria-pressed=true].button--ghost,
.link--button:active.button--ghost,
.link--button[aria-pressed=true].button--ghost,
input.button:active.button--ghost,
input.button[aria-pressed=true].button--ghost {
  color: #2b3a82;
}
button:active.button--transparent, button[aria-pressed=true].button--transparent,
.link--button:active.button--transparent,
.link--button[aria-pressed=true].button--transparent,
input.button:active.button--transparent,
input.button[aria-pressed=true].button--transparent {
  color: #2b3a82;
  background-color: transparent;
  border-color: transparent;
}
button:focus,
.link--button:focus,
input.button:focus {
  background-color: #1897d4;
  border-color: #1897d4;
  color: #fff;
  outline: none;
}
button:focus.button--ghost,
.link--button:focus.button--ghost,
input.button:focus.button--ghost {
  background-color: transparent;
  color: #fff;
}

.headline-group .headline-group__super {
  color: #515664;
}

.headline-group__sub {
  color: #515664;
}

.slick-prev,
.slick-next {
  background-color: #515664;
  color: transparent;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  background-color: #515664;
}
.slick-prev:before,
.slick-next:before {
  color: #fff;
}

.slick-dots li button:before {
  color: #c8c8c7;
}
.slick-dots li.slick-active button:before {
  color: #2c2a29;
}

body {
  margin: 0;
  padding: 0;
}

main {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
main > .slab {
  position: relative;
  z-index: 1;
}
main > .background-svg {
  top: 2.5rem;
  max-width: 1024;
  height: 50vw;
  width: 50vw;
  -webkit-transform: translateX(-66%);
          transform: translateX(-66%);
}
main > .background-svg svg {
  opacity: 0.5;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

hr {
  padding-bottom: calc(0.5rem - 1px);
  border-width: 0 0 1px;
}

.show-for-sr,
.invisible {
  display: block;
  position: absolute;
  top: -999999em;
  left: -999999em;
}

.show-for-none {
  display: none;
}

form label,
form input,
form select,
form textarea {
  font-weight: 500;
}
form [type=text],
form select {
  border-radius: 0;
}
form [type=submit] {
  margin: 0.5rem 0 0.5rem 0.5rem;
  text-align: right;
}
form .form-item {
  margin-bottom: 1rem;
}
form .form-item label {
  margin-right: 1rem;
}

code {
  font-size: 0.8em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-justified-and-ancient {
  font-family: fantasy;
  text-align: justify;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.bg-primary {
  background-color: #4b9cd3;
}
.bg-primary::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#4b9cd3";
}

.bg-secondary {
  background-color: #13294b;
}
.bg-secondary::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#13294b";
}

.bg-tertiary-one {
  background-color: #00a79e;
}
.bg-tertiary-one::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#00a79e";
}

.bg-tertiary-two {
  background-color: #3b2f87;
}
.bg-tertiary-two::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#3b2f87";
}

.bg-tertiary-three {
  background-color: #f8f51c;
}
.bg-tertiary-three::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#f8f51c";
}

.bg-link-blue {
  background-color: #007fae;
}
.bg-link-blue::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#007fae";
}

.bg-black {
  background-color: #000000;
}
.bg-black::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#000000";
}

.bg-grey {
  background-color: #767676;
}
.bg-grey::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#767676";
}

.bg-light-grey {
  background-color: #f1f1f1;
}
.bg-light-grey::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#f1f1f1";
}

.bg-white {
  background-color: #fff;
}
.bg-white::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#fff";
}

.bg-dark-unc-blue {
  background-color: #192b42;
}
.bg-dark-unc-blue::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#192b42";
}

.bg-success {
  background-color: #55b37c;
}
.bg-success::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#55b37c";
}

.bg-warning {
  background-color: #ffbf00;
}
.bg-warning::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#ffbf00";
}

.bg-error {
  background-color: #eb0303;
}
.bg-error::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#eb0303";
}

.bg-unc-blue {
  background-color: #027fae;
}
.bg-unc-blue::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#027fae";
}

.bg-other-blue {
  background-color: #e4f0f9;
}
.bg-other-blue::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#e4f0f9";
}

.bg-shade {
  background-color: #f0f0f0;
}
.bg-shade::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#f0f0f0";
}

.bg-newcity-white {
  background-color: #fff;
}
.bg-newcity-white::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#fff";
}

.bg-newcity-black {
  background-color: #2c2a29;
}
.bg-newcity-black::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#2c2a29";
}

.bg-light-blue {
  background-color: #1897d4;
}
.bg-light-blue::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#1897d4";
}

.bg-medium-blue {
  background-color: #2b3a82;
}
.bg-medium-blue::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#2b3a82";
}

.bg-dark-blue {
  background-color: #1f2c5e;
}
.bg-dark-blue::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#1f2c5e";
}

.bg-darker-blue {
  background-color: #13294b;
}
.bg-darker-blue::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#13294b";
}

.bg-almost-newcity-green {
  background-color: #abda55;
}
.bg-almost-newcity-green::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#abda55";
}

.bg-light-blue-tint {
  background-color: #a1d3ed;
}
.bg-light-blue-tint::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#a1d3ed";
}

.bg-light-blue-shade {
  background-color: #106693;
}
.bg-light-blue-shade::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#106693";
}

.bg-blue-black {
  background-color: #000500;
}
.bg-blue-black::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#000500";
}

.bg-light-gray {
  background-color: #c8c8c7;
}
.bg-light-gray::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#c8c8c7";
}

.bg-subtle-gray {
  background-color: #ebebeb;
}
.bg-subtle-gray::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#ebebeb";
}

.bg-dark-gray {
  background-color: #515664;
}
.bg-dark-gray::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#515664";
}

.bg-blue-gray {
  background-color: #eff4fd;
}
.bg-blue-gray::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#eff4fd";
}

.bg-black-black {
  background-color: #000000;
}
.bg-black-black::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#000000";
}

.bg-alert {
  background-color: #c12c2b;
}
.bg-alert::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(44, 42, 41, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  content: "#c12c2b";
}

.bg-info {
  background-color: #a1d3ed;
}
.bg-info::before {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c2a29;
  font-size: 12px;
  font-weight: bold;
  content: "#a1d3ed";
}

.text-xs-hpc {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.75rem;
  line-height: 0rem;
}
@media screen and (min-width: 35rem) {
  .text-xs-hpc {
    font-size: 0.75rem;
    line-height: 0rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xs-hpc {
    font-size: 0.75rem;
    line-height: 0rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xs-hpc {
    font-size: 0.75rem;
    line-height: 0rem;
  }
}

.text-xs-squeeze {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.75rem;
  line-height: 0.5rem;
}
@media screen and (min-width: 35rem) {
  .text-xs-squeeze {
    font-size: 0.75rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xs-squeeze {
    font-size: 0.75rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xs-squeeze {
    font-size: 0.75rem;
    line-height: 0.5rem;
  }
}

.text-xs-tight {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.75rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 35rem) {
  .text-xs-tight {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xs-tight {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xs-tight {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}

.text-xs-medium {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.75rem;
  line-height: 1.6875rem;
}
@media screen and (min-width: 35rem) {
  .text-xs-medium {
    font-size: 0.75rem;
    line-height: 1.6875rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xs-medium {
    font-size: 0.75rem;
    line-height: 1.6875rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xs-medium {
    font-size: 0.75rem;
    line-height: 1.6875rem;
  }
}

.text-xs-wide {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.75rem;
  line-height: 2rem;
}
@media screen and (min-width: 35rem) {
  .text-xs-wide {
    font-size: 0.75rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xs-wide {
    font-size: 0.75rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xs-wide {
    font-size: 0.75rem;
    line-height: 2rem;
  }
}

.text-xs-huge {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.75rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 35rem) {
  .text-xs-huge {
    font-size: 0.75rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xs-huge {
    font-size: 0.75rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xs-huge {
    font-size: 0.75rem;
    line-height: 2.5rem;
  }
}

.text-xs-redic {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.75rem;
  line-height: 3rem;
}
@media screen and (min-width: 35rem) {
  .text-xs-redic {
    font-size: 0.75rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xs-redic {
    font-size: 0.75rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xs-redic {
    font-size: 0.75rem;
    line-height: 3rem;
  }
}

.text-s-hpc {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.875rem;
  line-height: 0rem;
}
@media screen and (min-width: 35rem) {
  .text-s-hpc {
    font-size: 0.875rem;
    line-height: 0rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-s-hpc {
    font-size: 0.875rem;
    line-height: 0rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-s-hpc {
    font-size: 0.875rem;
    line-height: 0rem;
  }
}

.text-s-squeeze {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.875rem;
  line-height: 0.5rem;
}
@media screen and (min-width: 35rem) {
  .text-s-squeeze {
    font-size: 0.875rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-s-squeeze {
    font-size: 0.875rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-s-squeeze {
    font-size: 0.875rem;
    line-height: 0.5rem;
  }
}

.text-s-tight {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.875rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 35rem) {
  .text-s-tight {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-s-tight {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-s-tight {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}

.text-s-medium {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.875rem;
  line-height: 1.6875rem;
}
@media screen and (min-width: 35rem) {
  .text-s-medium {
    font-size: 0.875rem;
    line-height: 1.6875rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-s-medium {
    font-size: 0.875rem;
    line-height: 1.6875rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-s-medium {
    font-size: 0.875rem;
    line-height: 1.6875rem;
  }
}

.text-s-wide {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.875rem;
  line-height: 2rem;
}
@media screen and (min-width: 35rem) {
  .text-s-wide {
    font-size: 0.875rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-s-wide {
    font-size: 0.875rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-s-wide {
    font-size: 0.875rem;
    line-height: 2rem;
  }
}

.text-s-huge {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.875rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 35rem) {
  .text-s-huge {
    font-size: 0.875rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-s-huge {
    font-size: 0.875rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-s-huge {
    font-size: 0.875rem;
    line-height: 2.5rem;
  }
}

.text-s-redic {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 0.875rem;
  line-height: 3rem;
}
@media screen and (min-width: 35rem) {
  .text-s-redic {
    font-size: 0.875rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-s-redic {
    font-size: 0.875rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-s-redic {
    font-size: 0.875rem;
    line-height: 3rem;
  }
}

.text-r-hpc {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 0rem;
}
@media screen and (min-width: 35rem) {
  .text-r-hpc {
    font-size: 1rem;
    line-height: 0rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-r-hpc {
    font-size: 1rem;
    line-height: 0rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-r-hpc {
    font-size: 1rem;
    line-height: 0rem;
  }
}

.text-r-squeeze {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 0.5rem;
}
@media screen and (min-width: 35rem) {
  .text-r-squeeze {
    font-size: 1rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-r-squeeze {
    font-size: 1rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-r-squeeze {
    font-size: 1rem;
    line-height: 0.5rem;
  }
}

.text-r-tight {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 35rem) {
  .text-r-tight {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-r-tight {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-r-tight {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.text-r-medium {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 1.6875rem;
}
@media screen and (min-width: 35rem) {
  .text-r-medium {
    font-size: 1rem;
    line-height: 1.6875rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-r-medium {
    font-size: 1rem;
    line-height: 1.6875rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-r-medium {
    font-size: 1rem;
    line-height: 1.6875rem;
  }
}

.text-r-wide {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 2rem;
}
@media screen and (min-width: 35rem) {
  .text-r-wide {
    font-size: 1rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-r-wide {
    font-size: 1rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-r-wide {
    font-size: 1rem;
    line-height: 2rem;
  }
}

.text-r-huge {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 35rem) {
  .text-r-huge {
    font-size: 1rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-r-huge {
    font-size: 1rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-r-huge {
    font-size: 1rem;
    line-height: 2.5rem;
  }
}

.text-r-redic {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 3rem;
}
@media screen and (min-width: 35rem) {
  .text-r-redic {
    font-size: 1rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-r-redic {
    font-size: 1rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-r-redic {
    font-size: 1rem;
    line-height: 3rem;
  }
}

.text-l-hpc {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 0rem;
}
@media screen and (min-width: 35rem) {
  .text-l-hpc {
    font-size: 1.1667rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-l-hpc {
    font-size: 1.1667rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-l-hpc {
    font-size: 1.1667rem;
    line-height: 0.5rem;
  }
}

.text-l-squeeze {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 0.5rem;
}
@media screen and (min-width: 35rem) {
  .text-l-squeeze {
    font-size: 1.1667rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-l-squeeze {
    font-size: 1.1667rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-l-squeeze {
    font-size: 1.1667rem;
    line-height: 1rem;
  }
}

.text-l-tight {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 35rem) {
  .text-l-tight {
    font-size: 1.1667rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-l-tight {
    font-size: 1.1667rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-l-tight {
    font-size: 1.1667rem;
    line-height: 2rem;
  }
}

.text-l-medium {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 1.6875rem;
}
@media screen and (min-width: 35rem) {
  .text-l-medium {
    font-size: 1.1667rem;
    line-height: 2.1875rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-l-medium {
    font-size: 1.1667rem;
    line-height: 2.1875rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-l-medium {
    font-size: 1.1667rem;
    line-height: 2.1875rem;
  }
}

.text-l-wide {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 2rem;
}
@media screen and (min-width: 35rem) {
  .text-l-wide {
    font-size: 1.1667rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-l-wide {
    font-size: 1.1667rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-l-wide {
    font-size: 1.1667rem;
    line-height: 2.5rem;
  }
}

.text-l-huge {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 35rem) {
  .text-l-huge {
    font-size: 1.1667rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-l-huge {
    font-size: 1.1667rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-l-huge {
    font-size: 1.1667rem;
    line-height: 3rem;
  }
}

.text-l-redic {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1rem;
  line-height: 3rem;
}
@media screen and (min-width: 35rem) {
  .text-l-redic {
    font-size: 1.1667rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-l-redic {
    font-size: 1.1667rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-l-redic {
    font-size: 1.1667rem;
    line-height: 3.5rem;
  }
}

.text-xl-hpc {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 0.5rem;
}
@media screen and (min-width: 35rem) {
  .text-xl-hpc {
    font-size: 1.25rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xl-hpc {
    font-size: 1.25rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xl-hpc {
    font-size: 1.25rem;
    line-height: 0.5rem;
  }
}

.text-xl-squeeze {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 1rem;
}
@media screen and (min-width: 35rem) {
  .text-xl-squeeze {
    font-size: 1.25rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xl-squeeze {
    font-size: 1.25rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xl-squeeze {
    font-size: 1.25rem;
    line-height: 1rem;
  }
}

.text-xl-tight {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 2rem;
}
@media screen and (min-width: 35rem) {
  .text-xl-tight {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xl-tight {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xl-tight {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.text-xl-medium {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 2.1875rem;
}
@media screen and (min-width: 35rem) {
  .text-xl-medium {
    font-size: 1.25rem;
    line-height: 2.1875rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xl-medium {
    font-size: 1.25rem;
    line-height: 2.1875rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xl-medium {
    font-size: 1.25rem;
    line-height: 2.1875rem;
  }
}

.text-xl-wide {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 35rem) {
  .text-xl-wide {
    font-size: 1.25rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xl-wide {
    font-size: 1.25rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xl-wide {
    font-size: 1.25rem;
    line-height: 2.5rem;
  }
}

.text-xl-huge {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 3rem;
}
@media screen and (min-width: 35rem) {
  .text-xl-huge {
    font-size: 1.25rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xl-huge {
    font-size: 1.25rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xl-huge {
    font-size: 1.25rem;
    line-height: 3rem;
  }
}

.text-xl-redic {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 3.5rem;
}
@media screen and (min-width: 35rem) {
  .text-xl-redic {
    font-size: 1.25rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-xl-redic {
    font-size: 1.25rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-xl-redic {
    font-size: 1.25rem;
    line-height: 3.5rem;
  }
}

.text-2xl-hpc {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 0.5rem;
}
@media screen and (min-width: 35rem) {
  .text-2xl-hpc {
    font-size: 1.375rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-2xl-hpc {
    font-size: 1.5rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-2xl-hpc {
    font-size: 1.5rem;
    line-height: 0.5rem;
  }
}

.text-2xl-squeeze {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 1rem;
}
@media screen and (min-width: 35rem) {
  .text-2xl-squeeze {
    font-size: 1.375rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-2xl-squeeze {
    font-size: 1.5rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-2xl-squeeze {
    font-size: 1.5rem;
    line-height: 1rem;
  }
}

.text-2xl-tight {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 2rem;
}
@media screen and (min-width: 35rem) {
  .text-2xl-tight {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-2xl-tight {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-2xl-tight {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.text-2xl-medium {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 2.1875rem;
}
@media screen and (min-width: 35rem) {
  .text-2xl-medium {
    font-size: 1.375rem;
    line-height: 2.1875rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-2xl-medium {
    font-size: 1.5rem;
    line-height: 2.1875rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-2xl-medium {
    font-size: 1.5rem;
    line-height: 2.1875rem;
  }
}

.text-2xl-wide {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 35rem) {
  .text-2xl-wide {
    font-size: 1.375rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-2xl-wide {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-2xl-wide {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}

.text-2xl-huge {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 3rem;
}
@media screen and (min-width: 35rem) {
  .text-2xl-huge {
    font-size: 1.375rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-2xl-huge {
    font-size: 1.5rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-2xl-huge {
    font-size: 1.5rem;
    line-height: 3rem;
  }
}

.text-2xl-redic {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.125rem;
  line-height: 3.5rem;
}
@media screen and (min-width: 35rem) {
  .text-2xl-redic {
    font-size: 1.375rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-2xl-redic {
    font-size: 1.5rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-2xl-redic {
    font-size: 1.5rem;
    line-height: 3.5rem;
  }
}

.text-3xl-hpc {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.25rem;
  line-height: 0.5rem;
}
@media screen and (min-width: 35rem) {
  .text-3xl-hpc {
    font-size: 1.375rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-3xl-hpc {
    font-size: 1.5rem;
    line-height: 0.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-3xl-hpc {
    font-size: 1.875rem;
    line-height: 1rem;
  }
}

.text-3xl-squeeze {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.25rem;
  line-height: 1rem;
}
@media screen and (min-width: 35rem) {
  .text-3xl-squeeze {
    font-size: 1.375rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-3xl-squeeze {
    font-size: 1.5rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-3xl-squeeze {
    font-size: 1.875rem;
    line-height: 1.5rem;
  }
}

.text-3xl-tight {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.25rem;
  line-height: 2rem;
}
@media screen and (min-width: 35rem) {
  .text-3xl-tight {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-3xl-tight {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-3xl-tight {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}

.text-3xl-medium {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.25rem;
  line-height: 2.1875rem;
}
@media screen and (min-width: 35rem) {
  .text-3xl-medium {
    font-size: 1.375rem;
    line-height: 2.1875rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-3xl-medium {
    font-size: 1.5rem;
    line-height: 2.1875rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-3xl-medium {
    font-size: 1.875rem;
    line-height: 2.6875rem;
  }
}

.text-3xl-wide {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.25rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 35rem) {
  .text-3xl-wide {
    font-size: 1.375rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-3xl-wide {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-3xl-wide {
    font-size: 1.875rem;
    line-height: 3rem;
  }
}

.text-3xl-huge {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.25rem;
  line-height: 3rem;
}
@media screen and (min-width: 35rem) {
  .text-3xl-huge {
    font-size: 1.375rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-3xl-huge {
    font-size: 1.5rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-3xl-huge {
    font-size: 1.875rem;
    line-height: 3.5rem;
  }
}

.text-3xl-redic {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.25rem;
  line-height: 3.5rem;
}
@media screen and (min-width: 35rem) {
  .text-3xl-redic {
    font-size: 1.375rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-3xl-redic {
    font-size: 1.5rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-3xl-redic {
    font-size: 1.875rem;
    line-height: 4rem;
  }
}

.text-4xl-hpc {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.5rem;
  line-height: 0.5rem;
}
@media screen and (min-width: 35rem) {
  .text-4xl-hpc {
    font-size: 1.875rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-4xl-hpc {
    font-size: 2rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-4xl-hpc {
    font-size: 2.375rem;
    line-height: 1.5rem;
  }
}

.text-4xl-squeeze {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.5rem;
  line-height: 1rem;
}
@media screen and (min-width: 35rem) {
  .text-4xl-squeeze {
    font-size: 1.875rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-4xl-squeeze {
    font-size: 2rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-4xl-squeeze {
    font-size: 2.375rem;
    line-height: 2rem;
  }
}

.text-4xl-tight {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.5rem;
  line-height: 2rem;
}
@media screen and (min-width: 35rem) {
  .text-4xl-tight {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-4xl-tight {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-4xl-tight {
    font-size: 2.375rem;
    line-height: 3rem;
  }
}

.text-4xl-medium {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.5rem;
  line-height: 2.1875rem;
}
@media screen and (min-width: 35rem) {
  .text-4xl-medium {
    font-size: 1.875rem;
    line-height: 2.6875rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-4xl-medium {
    font-size: 2rem;
    line-height: 2.6875rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-4xl-medium {
    font-size: 2.375rem;
    line-height: 3.1875rem;
  }
}

.text-4xl-wide {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.5rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 35rem) {
  .text-4xl-wide {
    font-size: 1.875rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-4xl-wide {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-4xl-wide {
    font-size: 2.375rem;
    line-height: 3.5rem;
  }
}

.text-4xl-huge {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.5rem;
  line-height: 3rem;
}
@media screen and (min-width: 35rem) {
  .text-4xl-huge {
    font-size: 1.875rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-4xl-huge {
    font-size: 2rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-4xl-huge {
    font-size: 2.375rem;
    line-height: 4rem;
  }
}

.text-4xl-redic {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 1.5rem;
  line-height: 3.5rem;
}
@media screen and (min-width: 35rem) {
  .text-4xl-redic {
    font-size: 1.875rem;
    line-height: 4rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-4xl-redic {
    font-size: 2rem;
    line-height: 4rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-4xl-redic {
    font-size: 2.375rem;
    line-height: 4.5rem;
  }
}

.text-5xl-hpc {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 2.4286rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 35rem) {
  .text-5xl-hpc {
    font-size: 2.4286rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-5xl-hpc {
    font-size: 2.4286rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-5xl-hpc {
    font-size: 3.4286rem;
    line-height: 2.5rem;
  }
}

.text-5xl-squeeze {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 2.4286rem;
  line-height: 2rem;
}
@media screen and (min-width: 35rem) {
  .text-5xl-squeeze {
    font-size: 2.4286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-5xl-squeeze {
    font-size: 2.4286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-5xl-squeeze {
    font-size: 3.4286rem;
    line-height: 3rem;
  }
}

.text-5xl-tight {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 2.4286rem;
  line-height: 3rem;
}
@media screen and (min-width: 35rem) {
  .text-5xl-tight {
    font-size: 2.4286rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-5xl-tight {
    font-size: 2.4286rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-5xl-tight {
    font-size: 3.4286rem;
    line-height: 4rem;
  }
}

.text-5xl-medium {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 2.4286rem;
  line-height: 3.1875rem;
}
@media screen and (min-width: 35rem) {
  .text-5xl-medium {
    font-size: 2.4286rem;
    line-height: 3.1875rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-5xl-medium {
    font-size: 2.4286rem;
    line-height: 3.1875rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-5xl-medium {
    font-size: 3.4286rem;
    line-height: 4.1875rem;
  }
}

.text-5xl-wide {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 2.4286rem;
  line-height: 3.5rem;
}
@media screen and (min-width: 35rem) {
  .text-5xl-wide {
    font-size: 2.4286rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-5xl-wide {
    font-size: 2.4286rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-5xl-wide {
    font-size: 3.4286rem;
    line-height: 4.5rem;
  }
}

.text-5xl-huge {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 2.4286rem;
  line-height: 4rem;
}
@media screen and (min-width: 35rem) {
  .text-5xl-huge {
    font-size: 2.4286rem;
    line-height: 4rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-5xl-huge {
    font-size: 2.4286rem;
    line-height: 4rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-5xl-huge {
    font-size: 3.4286rem;
    line-height: 5rem;
  }
}

.text-5xl-redic {
  background-color: rgba(200, 255, 200, 0.3);
  font-size: 2.4286rem;
  line-height: 4.5rem;
}
@media screen and (min-width: 35rem) {
  .text-5xl-redic {
    font-size: 2.4286rem;
    line-height: 4.5rem;
  }
}
@media screen and (min-width: 58rem) {
  .text-5xl-redic {
    font-size: 2.4286rem;
    line-height: 4.5rem;
  }
}
@media screen and (min-width: 104rem) {
  .text-5xl-redic {
    font-size: 3.4286rem;
    line-height: 5.5rem;
  }
}

body {
  font-family: acumin-pro, sans-serif;
}

/* This file has been generated from a template. Do not edit it directly, your edits will 
   be ignored like a ten-year-old's dad. Instead, edit the source template in 
   /assets/font-svg/_iconfont-classes.scss. 

   This is a lodash template.
*/
.ic:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic--lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.ic--2x {
  font-size: 2em;
}

.ic--3x {
  font-size: 3em;
}

.ic--4x {
  font-size: 4em;
}

.ic--5x {
  font-size: 5em;
}

.ic--fw {
  width: 1.2857142857em;
  text-align: center;
}

.ic--01-Alert-bookmark:before {
  content: "";
}

.ic--01-Alert-flag:before {
  content: "";
}

.ic--01-Alert-info:before {
  content: "";
}

.ic--01-Alert-lightbulb:before {
  content: "";
}

.ic--01-Alert-megaphone:before {
  content: "";
}

.ic--01-Alert-pushpin:before {
  content: "";
}

.ic--01-Alert-question:before {
  content: "";
}

.ic--01-Alert-stop:before {
  content: "";
}

.ic--01-Alert:before {
  content: "";
}

.ic--02-React-heart:before {
  content: "";
}

.ic--02-React-star:before {
  content: "";
}

.ic--02-React-thumbsdown:before {
  content: "";
}

.ic--02-React-thumbsup:before {
  content: "";
}

.ic--03-Com-To-Do-basic-checklist:before {
  content: "";
}

.ic--03-Com-To-Do-clipboard:before {
  content: "";
}

.ic--03-Com-To-Do-edit:before {
  content: "";
}

.ic--03-Com-To-Do-notepad:before {
  content: "";
}

.ic--03-Com-chat:before {
  content: "";
}

.ic--03-Com-directory:before {
  content: "";
}

.ic--03-Com-envelope:before {
  content: "";
}

.ic--03-Com-paperplane:before {
  content: "";
}

.ic--03-Com-phone:before {
  content: "";
}

.ic--04-Time-calendar:before {
  content: "";
}

.ic--04-Time-clock:before {
  content: "";
}

.ic--04-Time-event:before {
  content: "";
}

.ic--04-Time-hourglass:before {
  content: "";
}

.ic--04-Time-stopwatch:before {
  content: "";
}

.ic--05-Maps-earth:before {
  content: "";
}

.ic--05-Maps-globe:before {
  content: "";
}

.ic--05-Maps-map:before {
  content: "";
}

.ic--05-Maps-pin:before {
  content: "";
}

.ic--06-Media-images:before {
  content: "";
}

.ic--06-Media-musicnote:before {
  content: "";
}

.ic--06-Media-newspaper:before {
  content: "";
}

.ic--06-Media-video:before {
  content: "";
}

.ic--07-People-circle:before {
  content: "";
}

.ic--07-People-class:before {
  content: "";
}

.ic--07-People-collaborate:before {
  content: "";
}

.ic--07-People-family:before {
  content: "";
}

.ic--07-People-hearthand:before {
  content: "";
}

.ic--07-People-network:before {
  content: "";
}

.ic--07-People-userfemale:before {
  content: "";
}

.ic--07-People-usergroup:before {
  content: "";
}

.ic--07-People-usermale:before {
  content: "";
}

.ic--08-Charts-barchart:before {
  content: "";
}

.ic--08-Charts-brainstorm:before {
  content: "";
}

.ic--08-Charts-fevergraph:before {
  content: "";
}

.ic--08-Charts-piechart:before {
  content: "";
}

.ic--08-Charts-research:before {
  content: "";
}

.ic--08-Charts-uptrend:before {
  content: "";
}

.ic--08-Charts-venndiagram:before {
  content: "";
}

.ic--09-Edu-book-open:before {
  content: "";
}

.ic--09-Edu-books-apple:before {
  content: "";
}

.ic--09-Edu-books-female:before {
  content: "";
}

.ic--09-Edu-books-male:before {
  content: "";
}

.ic--09-Edu-books:before {
  content: "";
}

.ic--09-Edu-brain-side:before {
  content: "";
}

.ic--09-Edu-brain-top:before {
  content: "";
}

.ic--09-Edu-certificate1:before {
  content: "";
}

.ic--09-Edu-certificate2:before {
  content: "";
}

.ic--09-Edu-diploma:before {
  content: "";
}

.ic--09-Edu-mortarboard:before {
  content: "";
}

.ic--09-Edu-presentation:before {
  content: "";
}

.ic--09-Edu-problemsolve:before {
  content: "";
}

.ic--09-Edu-puzzlepiece:before {
  content: "";
}

.ic--09-Edu-school:before {
  content: "";
}

.ic--09-Edu-teach:before {
  content: "";
}

.ic--10-STEM-atom:before {
  content: "";
}

.ic--10-STEM-beaker:before {
  content: "";
}

.ic--10-STEM-microscope:before {
  content: "";
}

.ic--10-STEM-planet:before {
  content: "";
}

.ic--10-STEM-squareroot:before {
  content: "";
}

.ic--10-STEM-stethescope:before {
  content: "";
}

.ic--11-Tech-camera:before {
  content: "";
}

.ic--11-Tech-microphone:before {
  content: "";
}

.ic--11-Tech-monitor:before {
  content: "";
}

.ic--11-Tech-videochat:before {
  content: "";
}

.ic--12-Security-keys:before {
  content: "";
}

.ic--12-Security-locked:before {
  content: "";
}

.ic--12-Security-unlocked:before {
  content: "";
}

.ic--12-Security:before {
  content: "";
}

.ic--13-Misc-airplane:before {
  content: "";
}

.ic--13-Misc-bed:before {
  content: "";
}

.ic--13-Misc-briefcase:before {
  content: "";
}

.ic--13-Misc-capitol:before {
  content: "";
}

.ic--13-Misc-food-cocktail:before {
  content: "";
}

.ic--13-Misc-food-coffeecup:before {
  content: "";
}

.ic--13-Misc-food-flatware:before {
  content: "";
}

.ic--13-Misc-gift:before {
  content: "";
}

.ic--13-Misc-money-bils:before {
  content: "";
}

.ic--13-Misc-money-dollarsign:before {
  content: "";
}

.ic--13-Misc-money-wallet:before {
  content: "";
}

.ic--13-Misc-package:before {
  content: "";
}

.ic--13-Misc-sports-baseball:before {
  content: "";
}

.ic--13-Misc-sports-basketball:before {
  content: "";
}

.ic--13-Misc-sports-football:before {
  content: "";
}

.ic--13-Misc-sports-soccer:before {
  content: "";
}

.ic--13-Misc-tools-gear:before {
  content: "";
}

.ic--13-Misc-tools-square:before {
  content: "";
}

.ic--13-Misc-tools:before {
  content: "";
}

.ic--13-Misc-weather:before {
  content: "";
}

.ic--14-Docs-cloud-download:before {
  content: "";
}

.ic--14-Docs-cloud-upload:before {
  content: "";
}

.ic--14-Docs-cloud:before {
  content: "";
}

.ic--14-Docs-page:before {
  content: "";
}

.ic--14-Docs-pagestack:before {
  content: "";
}

.ic--14-Docs-person:before {
  content: "";
}

.ic--14-Docs-type-doc:before {
  content: "";
}

.ic--14-Docs-type-pdf:before {
  content: "";
}

.ic--14-Docs-type-zip:before {
  content: "";
}

.ic--15-Gui-angle-left:before {
  content: "";
}

.ic--15-Gui-angle-right:before {
  content: "";
}

.ic--15-Gui-arrow-button:before {
  content: "";
}

.ic--15-Gui-arrow-diamond:before {
  content: "";
}

.ic--15-Gui-arrow-down:before {
  content: "";
}

.ic--15-Gui-arrow:before {
  content: "";
}

.ic--15-Gui-audio:before {
  content: "";
}

.ic--15-Gui-cart:before {
  content: "";
}

.ic--15-Gui-checkmark-circle:before {
  content: "";
}

.ic--15-Gui-close-minus:before {
  content: "";
}

.ic--15-Gui-close:before {
  content: "";
}

.ic--15-Gui-grid:before {
  content: "";
}

.ic--15-Gui-hamburger:before {
  content: "";
}

.ic--15-Gui-home:before {
  content: "";
}

.ic--15-Gui-list:before {
  content: "";
}

.ic--15-Gui-open-plus:before {
  content: "";
}

.ic--15-Gui-pause:before {
  content: "";
}

.ic--15-Gui-play:before {
  content: "";
}

.ic--15-Gui-popup:before {
  content: "";
}

.ic--15-Gui-quote-open-curly:before {
  content: "";
}

.ic--15-Gui-rss:before {
  content: "";
}

.ic--15-Gui-search:before {
  content: "";
}

.ic--15-Gui-settings:before {
  content: "";
}

.ic--15-Gui-share:before {
  content: "";
}

.ic--16-Social-academia-edu:before {
  content: "";
}

.ic--16-Social-facebook:before {
  content: "";
}

.ic--16-Social-google-scholar:before {
  content: "";
}

.ic--16-Social-instagram:before {
  content: "";
}

.ic--16-Social-linkedin:before {
  content: "";
}

.ic--16-Social-no-icon-social:before {
  content: "";
}

.ic--16-Social-pinterest:before {
  content: "";
}

.ic--16-Social-snapchat:before {
  content: "";
}

.ic--16-Social-twitter:before {
  content: "";
}

.ic--16-Social-youtube:before {
  content: "";
}

.ic--pillar-advancing-knowledge:before {
  content: "";
}

.ic--pillar-collaborating:before {
  content: "";
}

.ic--pillar-educating-the-whole:before {
  content: "";
}

.ic--pillar-empowering-leaders:before {
  content: "";
}

:root {
  font-size: 1rem;
  line-height: 1;
  position: relative;
}

.editorial {
  font-size: 1rem;
  line-height: 1.6875rem;
}
@media screen and (min-width: 35rem) {
  .editorial {
    font-size: 1.1667rem;
    line-height: 2.1875rem;
  }
}
@media screen and (min-width: 58rem) {
  .editorial {
    font-size: 1.1667rem;
    line-height: 2.1875rem;
  }
}
@media screen and (min-width: 104rem) {
  .editorial {
    font-size: 1.1667rem;
    line-height: 2.1875rem;
  }
}
.editorial > :first-child {
  margin-top: 0;
}
.editorial p,
.editorial ul,
.editorial ol {
  margin-bottom: 1rem;
}
.editorial p:empty,
.editorial ul:empty,
.editorial ol:empty {
  display: none;
}
.editorial ul,
.editorial ol {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 2rem;
  padding-right: 2rem;
}
.editorial:last-child {
  margin-bottom: 0;
}
.editorial:after {
  display: block;
  clear: both;
  content: "";
}
.editorial aside {
  margin-bottom: 1rem;
}
.editorial figure + h2,
.editorial figure + h3,
.editorial figure + h4 {
  margin-top: 0;
}
.editorial iframe {
  max-width: 100%;
}

@media screen and (min-width: 35rem) {
  .editorial--aside-right aside {
    width: 20rem;
    max-width: 60%;
    margin: 0 0 1rem 1rem;
    float: right;
  }

  .editorial--aside-left aside {
    width: 20rem;
    max-width: 60%;
    margin: 0 1rem 1rem 0;
    float: left;
  }
}
/*# sourceMappingURL=main.css.map */