* {
  box-sizing: border-box; }
  *:focus {
    outline: 0; }

a[href^=tel] {
  text-decoration: inherit;
  color: inherit; }

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

body {
  margin: 0;
  background: white; }
  @media (min-width: 1024px) and (max-width: 1399px) {
    body {
      font-size: 0.8em; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    body {
      font-size: 0.7em; } }
  @media (max-width: 767px) {
    body {
      font-size: 0.50em; } }

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal;
  margin: 0; }

.container {
  margin: 0 auto;
  max-width: 1400px;
  background: white; }

.paragraph {
  max-width: 560px;
  margin: 0 auto 60px;
  font-size: 20px;
  line-height: 1.45em;
  font-weight: 300; }
  .paragraph h3 {
    font-weight: 400; }

.paragraph-last {
  margin-bottom: 25px; }

.content {
  margin: 0 auto;
  max-width: 800px; }

.section {
  float: left;
  max-width: 100%;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box; }

.chevron {
  max-width: 100%;
  width: 100%;
  float: left; }

.hero {
  position: relative;
  color: #3a0a3a;
  max-width: 770px;
  font-size: 58px;
  font-family: Rokkitt;
  margin: 0 auto 60px; }
  .hero .hero-content {
    max-width: 600px;
    margin: 0 auto;
    padding: 55px 0 95px; }
    @media (max-width: 767px) {
      .hero .hero-content {
        padding: 15px 0; } }
    .hero .hero-content h2 {
      letter-spacing: 0.025em;
      font-family: "Rokkitt Light"; }
      @media (max-width: 767px) {
        .hero .hero-content h2 {
          margin: 0 1em; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .hero .hero-content h2 {
          margin: 0 1em; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .hero .hero-content h2 {
          margin: 0 1em; } }
      .hero .hero-content h2 .heavy {
        font-family: "Rokkitt";
        font-weight: 700; }
  @media (min-width: 1024px) and (max-width: 1399px) {
    .hero {
      font-size: 48px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .hero {
      font-size: 42px;
      max-width: 630px !important; } }
  @media (max-width: 767px) {
    .hero {
      font-size: 36px; } }

.section-a {
  background: #3A0A3A;
  padding-top: 11.875em;
  position: relative; }
  @media (max-width: 460px) {
    .section-a br {
      display: none; } }
  @media (max-width: 767px) {
    .section-a {
      padding-top: 8.625em; } }
  .section-a .logo-container {
    padding: 0 6.25em;
    position: absolute;
    top: 12px;
    left: 0; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .section-a .logo-container {
        padding: 0 3em; } }
    @media (max-width: 767px) {
      .section-a .logo-container {
        padding: 0 1em; } }
    .section-a .logo-container .main-logo {
      width: 114px;
      height: 86px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .section-a .logo-container .main-logo {
          width: 85px;
          height: 65px; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .section-a .logo-container .main-logo {
          width: 85px;
          height: 65px; } }
      @media (max-width: 767px) {
        .section-a .logo-container .main-logo {
          width: 60px;
          height: 46px; } }
  .section-a .content {
    max-width: 950px; }
    .section-a .content h1 {
      color: white;
      font-family: 'Rokkitt Light';
      font-size: 5em;
      text-align: center; }
      @media (max-width: 767px) {
        .section-a .content h1 {
          font-size: 4em; } }
    .section-a .content .section-a-header {
      font-weight: 300; }

.section-b {
  background: white;
  padding-top: 10em; }
  @media (max-width: 767px) {
    .section-b {
      padding-top: 8em;
      padding-bottom: 5em; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .section-b {
      padding-top: 8em;
      padding-bottom: 5em; } }
  .section-b .content {
    font-family: 'Rokkitt Light';
    position: relative;
    text-align: left;
    font-size: 3.25em;
    line-height: 1.076em;
    color: #3a0a3a; }
    .section-b .content .section-b-quote {
      position: absolute;
      right: 20px;
      top: -40px;
      width: 1em;
      height: 1em; }
      @media (max-width: 767px) {
        .section-b .content .section-b-quote {
          right: 0;
          top: -40px; } }
    @media (max-width: 767px) {
      .section-b .content h2 {
        font-size: 1.02em; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .section-b .content h2 {
        font-size: 1.02em; } }

.section-c {
  position: relative;
  background: white; }
  .section-c .paragraph {
    margin: 0 auto 30px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .section-c .paragraph.paragraph-60 {
        margin: 0 auto 60px; } }
    @media (min-width: 1024px) and (max-width: 1399px) {
      .section-c .paragraph.paragraph-60 {
        margin: 0 auto 60px; } }
    @media (min-width: 1400px) {
      .section-c .paragraph.paragraph-60 {
        margin: 0 auto 60px; } }
  .section-c .hero {
    text-align: center;
    max-width: 770px;
    background-size: 100% 100%; }
  .section-c .section-c-bracket-l {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%; }
  .section-c .section-c-bracket-r {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%; }
  .section-c .content {
    padding-top: 100px;
    padding-bottom: 35px;
    font-size: 20px;
    font-family: Roboto;
    color: #4d4d4f; }
    @media (max-width: 767px) {
      .section-c .content {
        padding-top: 50px; } }
    .section-c .content h3 {
      color: #3a0a3a;
      display: inline; }
  .section-c .content2 {
    padding-bottom: 0; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .section-c .content2 .paragraph + .paragraph {
        margin-bottom: 0; } }
    @media (min-width: 1024px) and (max-width: 1399px) {
      .section-c .content2 .paragraph + .paragraph {
        margin-bottom: 0; } }
    @media (min-width: 1400px) {
      .section-c .content2 .paragraph + .paragraph {
        margin-bottom: 0; } }

.section-d {
  text-align: center;
  background: #441644;
  padding-top: 8em;
  padding-bottom: 12.9em; }
  .section-d .content {
    max-width: 1150px; }
    .section-d .content h2 {
      color: white;
      font-family: "Roboto";
      font-size: 4em;
      text-align: center;
      letter-spacing: 0.05em; }
    .section-d .content .section-d-header {
      font-weight: 300; }
  @media (max-width: 767px) {
    .section-d {
      padding-bottom: 10em; } }

.section-e {
  background: #3A0A3A;
  padding-top: 8em; }
  .section-e .content-e {
    margin: 0 auto;
    text-align: center; }
    .section-e .content-e h2 {
      color: white;
      font-family: "Roboto";
      font-weight: 300;
      font-size: 3.1875em;
      margin-bottom: 0.75em;
      letter-spacing: 0.05em; }
    .section-e .content-e .person-container {
      padding-bottom: 8em; }
      @media (max-width: 767px) {
        .section-e .content-e .person-container {
          padding-bottom: 4em; } }
    .section-e .content-e .person {
      text-align: center;
      display: inline-block;
      color: white;
      max-width: 460px;
      width: 100%; }
      @media (max-width: 767px) {
        .section-e .content-e .person {
          margin: 4em 0; }
          .section-e .content-e .person + .person {
            margin-top: 2.5em;
            margin: 0; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .section-e .content-e .person {
          margin: 4em 0; }
          .section-e .content-e .person + .person {
            margin-top: 2.5em;
            margin: 0; } }
      @media (max-width: 767px) {
        .section-e .content-e .person {
          max-width: 445px; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .section-e .content-e .person {
          max-width: 445px; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .section-e .content-e .person {
          max-width: 445px; } }
      .section-e .content-e .person h3 {
        font-family: "Roboto";
        font-size: 2em; }
      .section-e .content-e .person .tagline {
        color: #b09db0;
        font-size: 24px;
        font-family: "Roboto";
        font-weight: 300;
        margin: 0.25em 0 1.5em; }
        @media (max-width: 767px) {
          .section-e .content-e .person .tagline {
            font-size: 18px; } }
      .section-e .content-e .person ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        .section-e .content-e .person ul li {
          position: relative;
          display: block;
          font-family: "Roboto";
          font-weight: 300;
          font-size: 20px;
          margin-bottom: 0.75em; }
          @media (max-width: 767px) {
            .section-e .content-e .person ul li {
              font-size: 16px; } }
          .section-e .content-e .person ul li:before {
            position: relative;
            margin-right: 0.5em;
            color: #3cc3b2;
            font-family: "FontAwesome"; }
          .section-e .content-e .person ul li.phone:before {
            content: "\f095";
            left: 1px;
            font-size: 1.05em; }
          .section-e .content-e .person ul li.mobile:before {
            content: "\f10b";
            font-size: 1.25em;
            left: 5px; }
          .section-e .content-e .person ul li.email:before {
            content: "\f003";
            font-size: 1.05em; }

.section-f {
  background: #2f072f;
  color: white;
  font-family: "Roboto";
  font-size: 14px; }
  @media (max-width: 767px) {
    .section-f {
      font-size: 12px;
      line-height: 16px; } }
  .section-f .content {
    max-width: 1180px;
    width: 100%;
    padding: 55px 0; }
    @media (max-width: 767px) {
      .section-f .content {
        padding: 20px 0; } }

table {
  border-collapse: collapse;
  max-width: 880px;
  width: 100%;
  overflow-x: auto;
  margin: 0 auto; }
  table a {
    color: #37163d;
    text-decoration: underline; }
    table a:hover, table a:focus {
      text-decoration: none; }
  table thead {
    background: #330033;
    color: white; }
    table thead tr td {
      font-family: "Roboto";
      font-size: 1rem;
      line-height: 1.375em;
      padding: 0.875em 1.25em; }
      table thead tr td + td {
        border-left: 1px solid white; }
    table thead tr td:first-child {
      -moz-border-radius-topleft: 4px;
      -webkit-border-top-left-radius: 4px;
      border-top-left-radius: 4px; }
    table thead tr td:last-child {
      -moz-border-radius-topright: 4px;
      -webkit-border-top-right-radius: 4px;
      border-top-right-radius: 4px; }
  table tbody tr.odd {
    background: #f7f8f8; }
  table tbody tr td {
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    padding: 1.404em 1.43em;
    font-family: "Roboto";
    font-weight: 300; }
    table tbody tr td + td {
      border-left: 1px solid #cccccc; }
  @media (min-width: 768px) and (max-width: 1023px) {
    table td {
      padding: 1em !important; } }
  @media (max-width: 767px) {
    table td {
      padding: 0.6em !important;
      font-size: 13px !important; } }

.responsive-table {
  overflow-x: auto; }

.button {
  font-family: Roboto;
  font-size: 26px;
  line-height: 1.2em;
  color: #4d4d4f;
  background: #f0b434;
  transition: 300ms;
  display: inline-block;
  border-radius: 4px;
  padding: 0.2em 1.34em;
  margin-top: 1em; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .button {
      font-size: 22px; } }
  @media (max-width: 767px) {
    .button {
      font-size: 18px; } }
  .button:hover, .button:focus {
    background: #f4c663; }

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