@import url("https://fonts.googleapis.com/css?family=Lato:300,400");
@font-face {
  font-family: "NeutraText-Book";
  src: url("../fonts/NeutraText-Book.otf");
  font-weight: 400; }

html,
body {
  overflow-x: hidden;
  font-size: 12px; }
  @media screen and (min-width: 576px) {
    html,
    body {
      font-size: 14px; } }
  @media screen and (min-width: 768px) {
    html,
    body {
      font-size: 15px; } }
  @media screen and (min-width: 992px) {
    html,
    body {
      font-size: 16px; } }

@media screen and (min-width: 768px) {
  .container-fluid {
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

section {
  padding: 4.375rem 0;
  background-color: #d5d3cd;
  min-height: 50vh; }
  section:nth-child(even) {
    background-color: #ffffff; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul,
ol,
span {
  margin: 0;
  padding: 0; }

a {
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s; }
  a:link, a:hover, a:active, a:focus, a:visited {
    color: inherit;
    text-decoration: none; }
  a:hover {
    color: #757575; }

img {
  max-width: 100%;
  height: auto; }

ul,
ol {
  list-style: none;
  padding-left: 0; }

input,
button,
select {
  border: none; }
  input:focus,
  button:focus,
  select:focus {
    outline: none !important; }

::-moz-selection {
  background-color: #757575;
  color: #ffffff; }

::selection {
  background-color: #757575;
  color: #ffffff; }

.heading-primary, h1,
.heading-secondary,
h2 {
  font-family: "Lato", "Helvetica", "Arial", sans-serif;
  font-weight: 300;
  font-size: 3.833rem;
  letter-spacing: .01em;
  color: #bebdba;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .heading-primary, h1,
    .heading-secondary,
    h2 {
      font-size: 2.875rem; } }


.heading-secondary,
h2 {
  font-size: 3rem; }
  @media screen and (min-width: 768px) {
    
    .heading-secondary,
    h2 {
      font-size: 2.25rem; } }

.paragraph, li,
p {
  font-family: "Lato", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.167rem;
  color: #bebdba; }
  @media screen and (min-width: 768px) {
    .paragraph, li,
    p {
      font-size: 1.1rem; } }

.text > * + * {
  margin-top: 1.667rem; }
  @media screen and (min-width: 768px) {
    .text > * + * {
      margin-top: 1.25rem; } }

.loading {
  position: relative; }
  .loading:after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    pointer-events: all; }
  .loading--finished:after {
    opacity: 0;
    pointer-events: none; }

.who__title {
  margin-bottom: 3.125rem; }

.what__title {
  margin-bottom: 2.5rem; }
  @media screen and (min-width: 768px) {
    .what__title {
      margin-bottom: 1.875rem; } }

.contact__text {
  margin: .667rem 0 2.5rem 0; }
  @media screen and (min-width: 768px) {
    .contact__text {
      margin: .5rem 0 1.875rem 0; } }

.contact__item {
  font-family: "Lato", "Helvetica", "Arial", sans-serif;
  font-weight: 300;
  font-size: 3rem;
  color: #ffffff; }
  @media screen and (min-width: 768px) {
    .contact__item {
      font-size: 2.25rem; } }

.up {
  height: 3.333rem;
  width: 3.333rem;
  border-radius: 50%;
  background-color: #ffffff;
  position: fixed;
  z-index: 1;
  bottom: 2rem;
  right: 2rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 3px;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem); }
  @media screen and (min-width: 768px) {
    .up {
      height: 2.5rem;
      width: 2.5rem; } }
  .up:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  .up--active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: all; }
  

.header {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 2.083rem 0;
  background-color: #ffffff;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s; }
  @media screen and (min-width: 768px) {
    .header {
      padding: 1.5625rem 0; } }
  .header__content {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (min-width: 768px) {
      .header__content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
  .header__logo {
    display: block;
    width: 80%;
    max-width: 18.4375rem; }
    @media screen and (min-width: 768px) {
      .header__logo {
        width: 30%; } }
  .header__btn {
    cursor: pointer;
    position: relative;
    width: 2rem;
    height: 14px;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer; }
    @media screen and (min-width: 768px) {
      .header__btn {
        display: none; } }
    .header__btn-line {
      display: block;
      height: 2px;
      width: 2rem;
      background-color: #757575;
      -webkit-transition: all .25s;
      -o-transition: all .25s;
      transition: all .25s;
      border-radius: 1rem;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .header__btn-line:first-child {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
      .header__btn-line:last-child {
        top: auto;
        bottom: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
  .header__nav {
    margin-top: 5px;
    width: 100%;
    display: none; }
    @media screen and (min-width: 768px) {
      .header__nav {
        margin-top: 0;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }
  .header__menu {
    margin: 2rem auto 3rem auto; }
    @media screen and (min-width: 768px) {
      .header__menu {
        margin: 0;
        margin-right: 4.375rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }
    .header__menu-item {
      font-size: 1.333rem;
      line-height: 1.5rem;
      letter-spacing: .01em;
      font-weight: 400;
      cursor: pointer;
      -webkit-transition: all .25s;
      -o-transition: all .25s;
      transition: all .25s;
      font-family: "NeutraText-Book", "Helvetica", "Arial", sans-serif;
      text-transform: uppercase; }
      @media screen and (min-width: 768px) {
        .header__menu-item {
          font-size: 1rem;
          line-height: 1.125rem; } }
      .header__menu-item:hover {
        color: #757575; }
      .header__menu-item + .header__menu-item {
        margin-top: 2rem; }
        @media screen and (min-width: 768px) {
          .header__menu-item + .header__menu-item {
            margin-left: 2.5rem;
            margin-top: 0; } }
  .header__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .header__social-item i {
      font-size: 1.667rem; }
      @media screen and (min-width: 768px) {
        .header__social-item i {
          font-size: 1.25rem; } }
    .header__social-item + .header__social-item {
      margin-left: 1.25rem; }
      @media screen and (min-width: 768px) {
        .header__social-item + .header__social-item {
          margin-left: .9375rem; } }
  .header--active .header__btn-line:first-child {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }
  .header--active .header__btn-line:nth-child(2) {
    opacity: 0; }
  .header--active .header__btn-line:last-child {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg); }
  .header--scrolled {
    padding: 1.667rem 0; }
    @media screen and (min-width: 768px) {
      .header--scrolled {
        padding: 1.25rem 0; } }
    .header--scrolled .header__logo {
      width: 50%;
      max-width: 12.5rem; }
      @media screen and (min-width: 768px) {
        .header--scrolled .header__logo {
          width: 25%; } }

.footer {
  padding: 2.083rem 0; }
  @media screen and (min-width: 768px) {
    .footer {
      padding: 1.5625rem 0; } }
  .footer__content {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .footer__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  .footer__logo {
    display: block;
    width: 80%;
    margin: 0 auto;
    max-width: 18.4375rem; }
    @media screen and (min-width: 768px) {
      .footer__logo {
        width: 30%;
        margin: 0; } }
  @media screen and (min-width: 768px) {
    .footer__nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; } }
  .footer__menu {
    margin: 2rem auto 3rem auto; }
    @media screen and (min-width: 768px) {
      .footer__menu {
        margin: 0;
        margin-right: 4.375rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }
    .footer__menu-item {
      font-size: 1.333rem;
      line-height: 1.5rem;
      letter-spacing: .01em;
      font-weight: 400;
      cursor: pointer;
      -webkit-transition: all .25s;
      -o-transition: all .25s;
      transition: all .25s;
      font-family: "NeutraText-Book", "Helvetica", "Arial", sans-serif; }
      @media screen and (min-width: 768px) {
        .footer__menu-item {
          font-size: 1rem;
          line-height: 1.125rem; } }
      .footer__menu-item:hover {
        color: #757575; }
      .footer__menu-item + .footer__menu-item {
        margin-top: 2rem; }
        @media screen and (min-width: 768px) {
          .footer__menu-item + .footer__menu-item {
            margin-left: 2.5rem;
            margin-top: 0; } }
  .footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .footer__social-item i {
      font-size: 1.667rem; }
      @media screen and (min-width: 768px) {
        .footer__social-item i {
          font-size: 1.25rem; } }
    .footer__social-item + .footer__social-item {
      margin-left: 1.25rem; }
      @media screen and (min-width: 768px) {
        .footer__social-item + .footer__social-item {
          margin-left: .9375rem; } }

.u-color-white {
  color: #ffffff; }

.u-text-transform-none {
  text-transform: none; }