.carousel-item {height: 100vh; min-height: 350px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover;}
.piepagina {color: #ffffff;} .piepagina a {color:#ffce48; font-size: 0.8em;} .piepagina h5 {font-size: 1em;}.piepagina h4 {font-size: 0.8em; margin:0.8em 0; padding: 0;} .piepagina span {font-size: 0.8em; color: #ffce48;}
.logo img {width: 300px;}
.display-4 {text-shadow: 0 0 15px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.5)} .lead{text-shadow: 0 0 15px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.5) }
.bg-nosotros {background:#f59f48; } .bg-nosotros-int {background:#f59f48; margin-bottom: 0.5rem!important;}
.portfolio-box .portfolio-box-caption {background: #ffce48!important;}
.portfolio-box img {width: 100%;}
.mfp-title {position: absolute; bottom: 10px; margin: 0; padding: 1em; background: black; line-height: 1.5em!important;}
#map {background-color: grey; }
.breadcrumb {font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; background-color: transparent;}
hr.divider {max-width: 8rem;}
.my-5 {margin-top: 5rem!important}
.menu-int {background: #ffce48!important;}
.cabecera-interna {padding-top: 7.2rem;} .jumbotron {margin-bottom: 0!important;padding: 0!important}
.dropdown-item {font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.dropdown-item:hover {background-color: #ffc107;} .dropdown-menu {background-color: rgba(248, 249, 250, 0.87);}

@keyframes slideIn { 0% { transform: translateY(1rem);  opacity: 0; }
  100% { transform:translateY(0rem); opacity: 1; }
   0% { transform: translateY(1rem); opacity: 0; }
}

@-webkit-keyframes slideIn {
  0% { -webkit-transform: transform; -webkit-opacity: 0; }
  100% { -webkit-transform: translateY(0); -webkit-opacity: 1; }
  0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; }
}

.slideIn { -webkit-animation-name: slideIn; animation-name: slideIn;}

@media (min-width: 992px) {

  #mainNav .navbar-brand {color: rgba(255, 255, 255, 0.7); }
  #mainNav {background-color: rgba(0, 0, 0, 0.15);}
  #mainNav .navbar-brand:hover { color: #fff!important; }
  #mainNav .navbar-nav .nav-item .nav-link {color: #212529; padding: 0 1rem; }
  .animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; }
}

@media (max-width: 576px) {
.carousel-item { height: 50vh!important;}
.display-4 {font-size: 1.8em;text-shadow: 0 0 15px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.5);}
.lead{font-size: 0.8em; background: rgba(0,0,0,.5);-webkit-box-shadow: 0px 0px 29px 13px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 29px 13px rgba(0,0,0,0.75);box-shadow: 0px 0px 29px 13px rgba(0,0,0,0.75);}
.mfp-title {position: absolute; bottom: -150px; margin: 0; padding: 1em; background: black; line-height: 1.5em!important;}
.bg-nosotros h1 { font-size: 1.8em;} .bg-nosotros h2 { font-size: 1.5em;}
}