body {
  font-family: 'Airbnb Cereal App',"Segoe UI", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.3;
}

.navbar {
  border-bottom: 1px solid #eee;
}

.navbar-nav .nav-link {
  font-size: 1rem;
  color: #666;
}

.btn-primary {
  background-color: #f9a61c;
  border-color: #f9a61c;
}

.btn-primary:hover {
  background-color: #cf8201;
  border-color: #cf8100;
}

.btn-primary.focus, .btn-primary:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(255,168,0,0.5);
          box-shadow: 0 0 0 .2rem rgba(255,168,0,0.5);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  background-color: #b87300;
  border-color: #b87300;
}

.text-uppercase.titulo-box {
  padding: 10px;
  background-color: #ddd;
  margin: 0;
}

.conteudo-box {
  padding: 10px;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.navbar-light .navbar-toggler {
  border-color: transparent;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #cf8201;
}

.row-footer .nav-link {
  display: block;
  padding: .2rem 0;
  color: #fff;
}

.row-footer .nav-link:focus, .row-footer .nav-link:hover {
  text-decoration: none;
  color: #f9a61c;
}

.row-footer .compliance-text span {
  font-weight: 600;
}

.row-footer .compliance-text {
  font-size: .8125rem;
}
.arrow-down {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 15px solid #ddd;
}

/* RESPONSIVO------------------------- */

@media (min-width: 300px) {
  .container-fluid.banner-topo {
    margin-top: 45px;
  }
  .navbar-brand .logo-via {
    width: 70px;
  }
  .row-footer p, .row-footer a {
    font-size: 1.125rem;
  }
  .col-menu, .col-end {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .col-compliance, .col-creditos {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 768px) {
  .container-fluid.banner-topo {
    margin-top: 85px;
  }
  .navbar-brand .logo-via {
    width: 120px;
  }
}
@media (min-width: 992px) {

  .row-footer p, .row-footer a {
    font-size: .875rem;
  }
  .col-menu, .col-end {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .arrow-down {
    top: 65px;
  }
}

@media (min-width: 1200px) {
  .arrow-down {
    top: 40px;
  }
}