@charset "UTF-8";
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

@font-face {
  font-family: "planer";
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/planer-regular.woff") format("woff");
}

@font-face {
  font-family: "planer";
  font-style: italic;
  font-weight: normal;
  src: url("../../fonts/planer-italic.woff") format("woff");
}

@font-face {
  font-family: "planer";
  font-style: normal;
  font-weight: 600;
  src: url("../../fonts/planer-demibold.woff") format("woff");
}

@font-face {
  font-family: "novecentowide";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/novecentowide-normal.woff") format("woff");
}

@font-face {
  font-family: "novecentowide";
  font-style: normal;
  font-weight: 300;
  src: url("../../fonts/novecentowide-light.woff") format("woff");
}

@font-face {
  font-family: "novecentowide";
  font-style: normal;
  font-weight: 600;
  src: url("../../fonts/novecentowide-demibold.woff") format("woff");
}

#header {
  display: block;
}

#header .header {
  height: 65px;
}

@media screen and (min-width: 56.47059em) {
  #header {
    display: none;
  }
}

body {
  color: #2B2E34;
  font-family: "planer", sans-serif;
  font-size: 17px;
}

h1 {
  font-family: "novecentowide", sans-serif;
  font-size: 35.989px;
  line-height: 54.34339px;
  font-weight: 400;
  margin: 29.51098px 0;
  color: #2B2E34;
}

#content-area h1 {
  text-transform: uppercase;
}

@media screen and (min-width: 45.17647em) {
  h1 {
    margin: 44.26647px 0;
  }
}

h2 {
  font-family: "novecentowide", sans-serif;
  font-size: 25.993px;
  line-height: 39.24943px;
  font-weight: 400;
  margin: 21.31426px 0;
  color: #2B2E34;
}

#content-area h2 {
  text-transform: uppercase;
}

@media screen and (min-width: 45.17647em) {
  h2 {
    line-height: 46.00761px;
    margin: 31.97139px 0;
  }
}

h3 {
  font-family: "novecentowide", sans-serif;
  font-size: 21.998px;
  line-height: 33.21698px;
  font-weight: 400;
  margin: 18.03836px 0;
  color: #2B2E34;
}

#content-area h3 {
  text-transform: uppercase;
}

@media screen and (min-width: 45.17647em) {
  h3 {
    line-height: 38.93646px;
    margin: 27.05754px 0;
  }
}

h4 {
  font-family: "novecentowide", sans-serif;
  font-size: 17.986px;
  line-height: 27.15886px;
  font-weight: 400;
  margin: 14.74852px 0;
  color: #2B2E34;
}

#content-area h4 {
  text-transform: uppercase;
}

@media screen and (min-width: 45.17647em) {
  h4 {
    line-height: 31.83522px;
    margin: 22.12278px 0;
  }
}

h5 {
  font-family: "novecentowide", sans-serif;
  font-size: 15.98px;
  line-height: 24.1298px;
  font-weight: 400;
  margin: 13.1036px 0;
  color: #2B2E34;
}

#content-area h5 {
  text-transform: uppercase;
}

@media screen and (min-width: 45.17647em) {
  h5 {
    line-height: 28.2846px;
    line-height-margin: 19.6554px 0;
  }
}

h6 {
  font-family: "novecentowide", sans-serif;
  font-size: 13.991px;
  line-height: 24.76407px;
  font-weight: 400;
  margin: 17.20893px 0;
  color: #2B2E34;
}

#content-area h6 {
  text-transform: uppercase;
}

a {
  color: #1CBBA9;
}

a:active, a:focus, a:hover {
  color: #158c7f;
}

blockquote {
  border-left: 4px solid #1CBBA9;
  font-family: "novecentowide", sans-serif;
  font-size: 20px;
  line-height: 34px;
  color: #1CBBA9;
}

#content-area blockquote {
  text-transform: uppercase;
}

.base-font {
  font-family: "planer", sans-serif;
}

input[type="submit"],
.btn-green,
.button, .btn-yellow {
  appearance: none;
  display: inline-block;
  font-family: "planer", sans-serif;
  font-size: 17px;
  line-height: 0.6;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  margin: 5px;
  padding: 17.51px 35.02px;
  color: #1CBBA9;
  background-color: transparent;
  border: 4px solid #1CBBA9;
  -webkit-font-smoothing: antialiased;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

input[type="submit"]:hover,
.btn-green:hover,
.button:hover, .btn-yellow:hover, input[type="submit"]:focus,
.btn-green:focus,
.button:focus, .btn-yellow:focus {
  color: #FFF;
  background-color: #1CBBA9;
  text-decoration: none;
}

input[type="submit"]:disabled,
.btn-green:disabled,
.button:disabled, .btn-yellow:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

input[type="submit"] a,
.btn-green a,
.button a, .btn-yellow a,
div input[type="submit"],
div
.btn-green,
div
.button,
div .btn-yellow {
  color: #fff;
  text-decoration: none;
}

input[type="submit"] a,
div input[type="submit"],
.btn-green a,
div
.btn-green,
.button a,
div
.button {
  color: #1CBBA9;
}

.btn-yellow {
  color: #FFAC2D;
  border: 4px solid #FFAC2D;
}

.btn-yellow::after {
  content: '\00a0›';
}

.btn-yellow:hover, .btn-yellow:focus {
  color: white;
  background-color: #FFAC2D;
}

.btn-yellow a,
div .btn-yellow {
  color: #FFAC2D;
}

input,
select {
  font-family: "planer", sans-serif;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple] {
  font-family: "planer", sans-serif;
}

input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
select[multiple]:focus {
  border-color: #1CBBA9;
}

select:focus {
  border-color: #1CBBA9;
}