section:last-of-type:not(.dark) {
  padding-bottom: 0;
}

.bg.first {
  background: #FFF;
}
.bg.second {
  background: #F9EED6;
}
.bg.third {
  background: #FFF;
}
.bg.fourth {
  background: #F9EED6;
}
.bg.fifth {
  background: #FFF;
}
@media screen and (max-width: 640px) {
  .bg.fifth .grid {
    padding-top: 0;
  }
}

@media screen and (max-width: 1023px) {
  .grid-10 {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  section .wrap:not(.navigation) {
    padding-bottom: 0;
  }
}
section h1 {
  color: #5D5D5D;
}
@media screen and (max-width: 640px) {
  section h1 {
    font-size: 5vw;
    margin-top: 2.65625vw;
    margin-bottom: -2.8125vw;
  }
}
@media screen and (max-width: 479px) {
  section h1 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
  section h1 {
    font-size: 5.20833vw;
    margin-top: 2.21354vw;
    margin-bottom: -2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1599px) {
  section h1 {
    margin-top: 0.4375vw;
    margin-bottom: -1.125vw;
  }
}
@media screen and (min-width: 1600px) {
  section h1 {
    margin: 0.4375rem 0 -1.125rem;
  }
}

section p {
  color: #666;
  line-height: 1.4;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 640px) {
  section p {
    font-size: 3.75vw;
    margin-top: 0;
    margin-bottom: -3.75vw !important;
  }
}
@media screen and (max-width: 479px) {
  section p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
  section p {
    font-size: 3.125vw;
    margin-top: 6.51042vw;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1599px) {
  section p {
    font-size: 1.875vw;
    margin-top: 4.625vw;
    margin-bottom: -1.625vw;
  }
}
@media screen and (min-width: 1600px) {
  section p {
    margin: 4.625rem 0 -1.625rem;
    font-size: 1.875rem;
  }
}
section p a {
  color: #666;
  border-bottom: 1px solid #666;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.grid > figure {
  margin: 0 0 -0.0625rem;
}

@media screen and (max-width: 375px) {
  .buttons-wrap {
    height: 14.21875vw;
    margin-top: 9.375vw;
    margin-bottom: 9.375vw;
  }
}
@media screen and (min-width: 376px) and (max-width: 640px) {
  .buttons-wrap {
    height: 10.9375vw;
    margin-top: 7.8125vw;
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .buttons-wrap {
    margin: 0 auto;
    margin-top: 4.88759vw;
    margin-bottom: 4.88759vw;
  }
}
@media screen and (min-width: 1025px) {
  .buttons-wrap {
    margin: 4.375rem auto;
  }
}
@media screen and (min-width: 641px) {
  .buttons-wrap {
    height: 5rem;
    width: 100%;
    max-width: 50rem;
  }
}

.button {
  float: left;
  width: 100%;
}
@media screen and (min-width: 641px) {
  .button {
    height: 5rem;
    padding: 2.125rem 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .button {
    width: calc(50% - 15px);
    margin: 0 0.9375rem 0 0;
  }
  .button + .button {
    margin: 0 0 0 0.9375rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .button {
    height: 4.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .button {
    max-width: 23.125rem;
    margin: 0 0.9375rem;
  }
}
@media screen and (min-width: 376px) and (max-width: 640px) {
  .button {
    height: 10.9375vw;
    padding-top: 4.6875vw;
  }
}
@media screen and (max-width: 375px) {
  .button {
    height: 14.21875vw;
    padding-top: 5.9375vw;
    width: calc(50% - 10px);
    margin: 0 0.625rem 0 0;
  }
  .button + .button {
    margin: 0 0 0 0.625rem;
  }
}
.button span {
  display: block;
  position: absolute;
  top: calc(50% + 2px);
  left: 50%;
  height: auto;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 375px) {
  .button span {
    font-size: 4.0625vw;
  }
}
@media screen and (min-width: 376px) and (max-width: 640px) {
  .button span {
    font-size: 3.28125vw;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .button span {
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 1025px) {
  .button span {
    font-size: 1.5rem;
  }
}
.button.darkblue {
  background-color: #0D4D68;
}
.button.darkblue:hover {
  background-color: #136f95;
}
.button.lightblue {
  background-color: #0ea3ef;
}
.button.lightblue:hover {
  background-color: #0b82bf;
}