@font-face {
  font-family: 'Appetite';
  src: url("../fonts/Appetite.otf");
  font-display: swap; }
@font-face {
  font-family: 'SST-Bold';
  src: url("../fonts/SST-Bold.otf");
  font-display: swap; }
/* colors */
/* site palette */
/* mixins */
html,
body {
  background-color: #1a1a1a;
  font-family: 'SST-Roman', Arial, sans-serif;
  position: relative;
  color: #fff;
  background-color: #000; }

p {
  color: #fff;
  line-height: 1.5em;
  font-family: 'SST-Roman', Arial, sans-serif;
  font-size: 1em; }

span.heavy {
  font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif; }

a.button {
  font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
  font-size: 1.25em;
  background-color: #fff;
  color: #000; }

a.button.apply {
  color: #fff;
  position: relative;
  background: #8bb890;
  background: -moz-linear-gradient(243deg, #8bb890 7%, #e29f7d 31%, #d6787c 69%, #a787c2 100%);
  background: -webkit-linear-gradient(243deg, #8bb890 7%, #e29f7d 31%, #d6787c 69%, #a787c2 100%);
  background: linear-gradient(243deg, #8bb890 7%, #e29f7d 31%, #d6787c 69%, #a787c2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8bb890", endColorstr="#a787c2", GradientType=1);
  transition: all 0.3s ease; }
  a.button.apply:hover {
    background-size: 150%;
    transition: all 0.3s ease; }

ul li {
  font-size: 1em;
  font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif; }
  @media (min-width: 998px) {
    ul li {
      font-size: 1.25em; } }

.m-section {
  background-color: #000; }
  .m-section .container {
    max-width: 1350px; }
  .m-section h1,
  .m-section h2,
  .m-section h3 {
    color: #fff; }
  .m-section h2 {
    text-transform: uppercase;
    font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
    letter-spacing: 3px; }

.text-only {
  background-color: #1d1d1d;
  padding: 5em 0;
  color: #fff; }

/* banner styles */
#zvn-hero-banner {
  position: relative;
  height: 60vh;
  min-height: 350px;
  background: url("../images/Banner-ZVN-main-sml.jpg") top center no-repeat;
  background-size: cover; }
  #zvn-hero-banner a {
    text-decoration: none; }
  #zvn-hero-banner .banner-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
    align-items: flex-end;
    padding-bottom: 1.5em; }
    #zvn-hero-banner .banner-caption h1 {
      color: #fff;
      text-transform: uppercase;
      font-size: 1em;
      text-align: center;
      font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif;
      margin-bottom: 0;
      line-height: 1.25em; }
      #zvn-hero-banner .banner-caption h1 .bold {
        font-family: 'SST-Heavy', Arial, sans-serif;
        font-size: 1.5em;
        font-weight: bold; }
      #zvn-hero-banner .banner-caption h1 .app {
        font-family: 'SST-Roman', Arial, sans-serif;
        text-transform: none;
        font-size: 2em;
        font-weight: normal; }
    #zvn-hero-banner .banner-caption p {
      color: #fff;
      text-align: center;
      font-size: 1.25em;
      margin-top: 1.5em; }
  @media (min-width: 998px) {
    #zvn-hero-banner {
      height: 100vh;
      background: url("../images/Banner-ZVN-main.jpg") top center no-repeat;
      background-size: cover; }
      #zvn-hero-banner .banner-caption {
        padding-bottom: 3em; }
        #zvn-hero-banner .banner-caption h1 {
          font-size: 2.5em;
          margin-bottom: 0;
          line-height: 1.25em; }
        #zvn-hero-banner .banner-caption p {
          font-size: 1.5em; } }

#about {
  padding: 3em 0; }
  #about h2 {
    text-transform: uppercase;
    font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
    font-size: 1.5em;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; }
  #about .subhead {
    font-size: 1.5em;
    text-transform: none;
    line-height: 1.5em;
    font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
    max-width: 900px;
    margin: 1em auto;
    display: block; }
  #about p {
    color: #fff;
    line-height: 1.8em; }
  #about .button-row {
    padding: 1em 0;
    overflow: hidden; }
    #about .button-row a {
      display: block;
      max-width: 300px;
      margin: 1em auto; }
  @media (min-width: 768px) {
    #about h2 {
      font-size: 2em; }
    #about .button-row {
      padding: 1em 0;
      text-align: center;
      overflow: hidden; }
      #about .button-row a {
        display: inline-block;
        max-width: 300px;
        margin: 1em; } }
  @media (min-width: 998px) {
    #about {
      padding: 6em 0; }
      #about h2 {
        font-size: 3em; }
      #about p {
        max-width: 900px;
        margin: 2em auto 0 auto; } }

#criteria .m-col-wrapper,
#benefits .m-col-wrapper {
  padding: 3em 0; }
  #criteria .m-col-wrapper .m-col,
  #benefits .m-col-wrapper .m-col {
    padding: 1.5em; }
    #criteria .m-col-wrapper .m-col .svg-icon,
    #benefits .m-col-wrapper .m-col .svg-icon {
      width: 100px;
      display: block;
      margin: 0 auto; }
      #criteria .m-col-wrapper .m-col .svg-icon svg,
      #benefits .m-col-wrapper .m-col .svg-icon svg {
        max-width: 100%; }
#criteria .desc,
#benefits .desc {
  font-size: 1.25em;
  display: block;
  margin-top: 1.5em; }

#criteria {
  background: #65b9e7;
  background: -moz-linear-gradient(265deg, #65b9e7 14%, #7fb894 87%);
  background: -webkit-linear-gradient(265deg, #65b9e7 14%, #7fb894 87%);
  background: linear-gradient(265deg, #65b9e7 14%, #7fb894 87%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#65b9e7", endColorstr="#7fb894", GradientType=1); }
  #criteria .desc em {
    font-size: 0.75em; }
  #criteria .svg-icon svg {
    fill: #fff;
    width: 50px;
    height: 50px; }
  #criteria #gear div {
    position: relative;
    overflow: hidden; }
    #criteria #gear div > a {
      display: inline-block;
      width: 33%;
      float: left; }
      #criteria #gear div > a img {
        width: 100%; }

#benefits {
  background: #65b9e7;
  background: -moz-linear-gradient(265deg, #65b9e7 14%, #8c92ca 87%);
  background: -webkit-linear-gradient(265deg, #65b9e7 14%, #8c92ca 87%);
  background: linear-gradient(265deg, #65b9e7 14%, #8c92ca 87%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#65b9e7", endColorstr="#8c92ca", GradientType=1); }

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