html,
body {
  height: 100%;
}
body {
  padding-top: 70px;
}
header.carousel {
  height: 60%;
}
header.carousel .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
  height: 100%;
}
.img-portfolio {
  margin-bottom: 30px;
}
footer {
  padding: 25px;
  background-color: #953131;
  color: #f6c366;
}
@media (max-width: 991px) {
  .customer-img,
  .img-related {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .img-portfolio {
    margin-bottom: 15px;
  }
  .seccion {
    background-repeat: repeat !important;
  }
  header.carousel .carousel {
    height: 70%;
  }
  .navbar {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .navbar-nav {
    margin-top: 0px !important;
  }
  .navbar-brand img {
    margin-top: -5px;
  }
}
.seccion {
  background-image: url("../img/fondo.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #f6c366;
}
.navbar {
  background-color: #953131;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 5px;
}
.navbar-brand img {
  width: 250px;
}
.navbar-default .navbar-toggle {
  border-color: #ffa500;
  background-color: #b44a4a !important;
}
.navbar-default .navbar-toggle:hover {
  border-color: #ffa500;
  background-color: #ad9829 !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffa500;
}
.navbar-default .navbar-brand {
  margin-top: -20px;
  width: 250px;
}
.navbar-nav {
  height: 100%;
  margin-top: -20px;
}
.navbar-nav li a {
  color: #f6c366 !important;
}
.navbar-nav li a:hover {
  color: #46baab !important;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  margin-top: 25px;
  border-color: #ffa500;
}
.btn-default {
  background-color: #953131;
  color: #f6c366;
}
.btn-default:hover {
  background-color: #f6c366;
  color: #953131;
}