* {
  z-index: 2;
  position: relative;
  color: #373F51; }

body {
  padding: 0;
  margin: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "pnum";
  font-feature-settings: "pnum";
  font-variant-numeric: proportional-nums;
  position: relative; }

a {
  color: #1FAF84; }

.navbar {
  padding: 0.5rem 0; }

.nav-item {
  margin-left: 1em; }
  .nav-item .nav-link {
    color: white !important;
    font-size: 1.1em;
    transition: color 0.2s linear; }
    .nav-item .nav-link:hover {
      color: #E1DD8F !important; }

button.cta {
  margin: 0;
  margin-top: 1em;
  border: 0;
  background: #FF953F;
  color: #fff;
  padding: 0.75em 2em;
  font-size: 1.2em;
  transition: all 0.2s linear;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold; }
  button.cta:hover {
    -webkit-transform: scale(1.05);
    background: #FF9E50; }

#header-container {
  overflow: visible;
  position: relative; }
  #header-container h2 {
    font-size: 3em;
    color: #fff; }
  #header-container h3 {
    font-size: 1.5em;
    color: #fff; }
  #header-container .bg-elem {
    width: 100%;
    height: 200px;
    position: absolute;
    z-index: 1; }
    #header-container .bg-elem.a {
      background: linear-gradient(-25deg, rgba(255, 255, 255, 0.05), rgba(37, 213, 161, 0.1));
      -webkit-transform: skewY(-15deg) translateY(120%); }
    #header-container .bg-elem.b {
      background: linear-gradient(-25deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.005));
      -webkit-transform: skewY(5deg) translateY(-50%); }
    #header-container .bg-elem.c {
      overflow: hidden;
      height: 120%;
      background: linear-gradient(-10deg, #25d5a1, #1e8ab0);
      -webkit-transform: skewY(-4deg) translateY(-20%); }
  #header-container .intro-anim {
    width: 100%;
    height: 320px;
    -webkit-transform: translateX(10px) translateY(-30px) perspective(3090px) rotateY(-29deg) rotateX(2deg) rotate(1deg); }

section {
  padding: 5em 0; }
  section h4 {
    color: #008DD5; }
  section.a {
    margin-top: 2em; }
    section.a .overview-icon {
      width: 40px;
      display: inline-block;
      margin-bottom: 0.75em;
      margin-right: 0.35em; }
      section.a .overview-icon .st0 {
        fill: #008DD5; }
    section.a h5 {
      color: #008DD5; }
  section.alt {
    background: #f5fafd; }
  section p {
    font-size: 1.1em; }

.callout {
  background: linear-gradient(0deg, #2ca8a9, #1e8ab0); }
  .callout * {
    color: white; }