html, body {
  font-family: "Sen", sans-serif;
  color: #300C66;
}

hr.royal {
  color: #300C66;
  height: 5px;
  opacity: 1;
}

hr.royal-light {
  color: #300C66;
  height: 3px;
  opacity: 0.1;
}

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

.bg-blue {
  background-color: #300C66;
}

.bg-grey {
  background-color: #F8F8F8;
}

.bg-lviolet {
  background-color: #431A81;
}

.violet-d {
  color: #A46AFF;
}

.violet-l {
  color: #9053EF;
}

.blue {
  color: #300C66;
}

.orange {
  color: #FC6B3D;
}

.yellow {
  color: #F0A949;
}

.violet {
  color: #9053EF;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
}

.font-regular {
  font-weight: 400;
}

.font-bold {
  font-weight: 700;
}

.font-extra-bold {
  font-weight: 800;
}

.font-splash {
  font-size: 4em;
  line-height: 1.2em;
}

.font-splash-minor {
  font-size: 2.2em;
  line-height: 1.2em;
}

.mobile.font-splash {
  font-size: 2.6em;
  line-height: 1.2em;
}

.font-cta {
  font-size: 2em;
  line-height: 1.4em;
}

.font-cta-sub {
  font-size: 1.3em;
}

a.plain {
  color: white;
  text-decoration: none;
}

.splash-container {
  padding: 1.5em 0 6em 0;
}

a:hover {
  text-decoration: none;
}

.offset-splash {
  z-index: 3;
  top: -4em;
  position: relative;
}

.pointer {
  cursor: pointer;
}

.cta-img {
  width: 100%;
}

@media (max-width: 810px) {
  .mobile-bottom-margin {
    margin-bottom: 1.2em;
  }
  .font-cta {
    margin: 1em 0;
    font-size: 1.8em;
    line-height: 1.4em;
  }
  .quote {
    padding-left: 3em;
  }
  .attribution {
    margin-top: 0.8em;
  }
}
@media (min-width: 810px) {
  .we-the-pple {
    margin-top: 2em;
  }
  .attribution {
    margin-top: 1.2em;
  }
}
.v-snug {
  line-height: 1.2em;
}

.values {
  padding: 0.1em 0.3em;
  border: 2px solid #FC6B3D;
  border-radius: 4px;
  color: #FC6B3D;
}
.values:hover {
  color: #9053EF;
  border: 2px solid #9053EF;
}

.services-section {
  margin-top: 10em;
}

@media (max-width: 810px) {
  #nirvana {
    padding: 0.3em 0.6em;
  }
  .services-section {
    margin-top: 4em;
  }
}
@media (min-width: 810px) {
  #nirvana {
    padding: 1em 2em;
  }
}
img.splash-minor {
  position: relative;
  width: 5em;
}

.orange-fade {
  background: radial-gradient(rgba(252, 107, 61, 0.3) 20%, rgba(0, 0, 0, 0) 50%);
}

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