/*!
 * Start Bootstrap - Agency v5.0.7 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */
* {
    box-sizing: border-box;
}
body {
    font-family: 'Lato', sans-serif;
}
/*    NAV     */
header {
    background-color: #333333;
    font-size: 1.2em;
    position: fixed;
    top: 0;
    z-index: 200;
}
.nav {
    padding-left: 15%;
}
.nav a {
    color: white;
    font-weight: bolder;
}
a:hover {
    color: #186790;
    text-shadow: rgba(0, 0, 0, 0.75) 3px 3px 3px;
}
.active {
    border-bottom: solid #f7931e 8px;
}
.navbar-toggler {
    color: white;
}
.logo {
    position: absolute;
    top: -10px;
    left: 5%; 
    z-index: 5;
}
.cambio2 {
    display: none;
}
@media (max-width: 998px){
    .logo {
        width: 20%;
    }
    .nav-item {
        width: 100%;
    }
    .navbar-collapse {
        padding-top: 15%;
    }
    .cambio1 {
        display: none;
    }
    .cambio2 {
        display: inherit;
    }
}
.landingInicio {
    background-image: url(../imagenes/landing-inicio.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
h2 {
    color: white;
    font-size: 300%;
    font-weight: bolder;
}
h2 span {
    background-color: #333333;
    padding: 0 20px;
}
.landingContacto {
    background-image: url(../imagenes/landing-contacto.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.landingNosotros {
    background-image: url(../imagenes/landing-nosotros.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.landingProyectos {
    background-image: url(../imagenes/landing-proyectos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.landingServicios {
    background-image: url(../imagenes/landing-servicios.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
@keyframes pulsoBajar {
  0%  {bottom: 4.8%;}
  10% {bottom: 5.5%;}
  40% {bottom: 4.8%;}
  70% {bottom: 5.5%;}
  80% {bottom: 4.8%;}
  90% {bottom: 5.5%;}
}
.btnBajar {
    color: #fc9e21;
    position: absolute;
    bottom: 5%;
    left: 49%;
    font-size: 2em;
    z-index: 100;
    animation-name: pulsoBajar;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}
.btnVerMas {
    font-size: 65%;
    font-style: italic;
    color: inherit;
}
.btnArriba {
    color: white;
}
#seccion1 {
    background-image: url(../imagenes/textura-fondo.png);
    background-color: #333333;
    color: white;
    font-style: italic;
}
#seccion1 h3 span {
    color: white;
    font-size: 150%;
    font-weight: bolder;
    font-style: normal;
    background-color: rgba(24, 103, 144, 0.8);
}
section {
    font-size: 200%;
}
#seccion2 h3 {
    font-weight: bolder;
    font-style: normal;
    font-size: 150%;
}
#seccion2 {
    background-color: #f7931e;
    color: white;
    font-style: italic;
}
#formulario {
    background-color: #f7931e; 
    color: white;
}
#formulario h3 {
    font-weight: bolder;
    font-style: normal;
    font-size: 150%;
}
.form-control{
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.28) 5px 5px 3px;
    font-weight: bolder;
    font-size: 70%;
}
#message {
    height: 200px;
}
.btnEnv {
    background-color: white;
    font-size: 70%;
    border: none;
    font-weight: bolder;
}
h4 {
    font-weight: bolder;
    font-size: 120%;
}
.carousel .active {
    border-bottom: none;
}
footer {
    background-color: #186790;
    color: white;  
}
footer img {
    height: 40px;
}