html {
  box-sizing: border-box;
}

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

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

h1 {
  font-family: "poppins", sans-serif;
  font-size: 35.989px;
  line-height: 54.34339px;
  font-weight: 400;
  margin: 7.55769px 0;
  color: #388FDB;
}

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

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

h2 {
  font-family: "poppins", sans-serif;
  font-size: 25.993px;
  line-height: 39.24943px;
  font-weight: 400;
  margin: 5.45853px 0;
  color: #E1441D;
}

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

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

h3 {
  font-family: "poppins", sans-serif;
  font-size: 21.998px;
  line-height: 33.21698px;
  font-weight: 400;
  margin: 4.61958px 0;
  color: #388FDB;
}

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

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

h4 {
  font-family: "poppins", sans-serif;
  font-size: 17.986px;
  line-height: 27.15886px;
  font-weight: 400;
  margin: 3.77706px 0;
  color: #E1441D;
}

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

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

h5 {
  font-family: "poppins", sans-serif;
  font-size: 15.98px;
  line-height: 24.1298px;
  font-weight: 400;
  margin: 3.3558px 0;
  color: #388FDB;
}

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

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

h6 {
  font-family: "poppins", sans-serif;
  font-size: 13.991px;
  line-height: 24.76407px;
  font-weight: 400;
  margin: 4.33721px 0;
  color: #E1441D;
}

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

a {
  color: #388FDB;
}

a:active, a:focus, a:hover {
  color: #2a6ba4;
}

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

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

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

input[type="submit"],
.button {
  appearance: none;
  display: inline-block;
  font-family: "poppins", 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: white;
  background-color: #FFAC2D;
  border: 4px solid #FFAC2D;
  -webkit-font-smoothing: antialiased;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

input[type="submit"]:hover,
.button:hover, input[type="submit"]:focus,
.button:focus {
  color: #FFAC2D;
  background-color: transparent;
  text-decoration: none;
}

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

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

input[type="submit"] a,
div input[type="submit"],
.button a,
div
.button {
  color: white;
}

input,
select {
  font-family: "poppins", 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: "poppins", 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: #388FDB;
}

select:focus {
  border-color: #388FDB;
}
