@import url('https://fonts.googleapis.com/css?family=Audiowide|Chewy|Roboto|Varela');

body {
  min-height: 75rem; /* Can be removed; just added for demo purposes */
  font-family: 'Roboto', sans-serif;
  color: #305af6;
  background-image: url("../img/topography1.png");
}

.sombra{
  text-shadow: #cccccc 0.1em 0.1em 0.1em;   
}

.sombra-n{
  text-shadow: black 0.1em 0.1em 0.1em;   
}

.resalta{
    color: gold;
}

.resalta a{
    color: gold;
}

.resalta a:hover{
    color: #c69500;
}
.navbar {
  margin-bottom: 0;
}

a {
    color: rgba(50, 90, 246, 1);

}
a:hover{
    color:rgba(50, 90, 246, 0.5);
    text-decoration: none;
}
.jumbotron {
  padding-top: 8vh;
  padding-bottom: 6rem;
  margin-bottom: 10px;
  background-color: #fff;
  background-image: url("../img/fregadero.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  color: #fff;
}

.jumbotron .fondo{
    background-color: rgba(50, 90, 246, 0.5);
    padding-bottom: 50px;
    border-radius: 25px;
    padding: 25px;
}

.jumbotron .fondo1{
    background-color: rgba(50, 90, 246, 0.5);
    margin-top: 5vw;
    padding-bottom: 50px;
    border-radius: 25px;
    padding: 25px;
}

.jumbotron p:last-child {
  margin-bottom: 0;
}


.jumbotron .container {
  max-width: 40rem;
  min-width: 475px;
}

.jumbotron h1{
    margin-bottom: 50px;
    color: #305af6;
    text-shadow: white 0.1em 0.1em 0.2em;
}

@media (max-width: 991px){
    .sombra{
        text-shadow: none;  
    }
    footer .sombra{
        text-shadow: #ccc 0.05em 0.05em 0.05em;  
    }
    .sombra-n{
        text-shadow: black 0.05em 0.05em 0.05em;   
    }   
    .servicio img{
        display: none;
    }
    .servicio{
        text-align: center;
        margin-bottom: 10px;
    }
    .servicio li{
        display: table;
        padding-left: 20px;
        text-justify: auto;
    }
    .desatasco{
        background-image: url("../img/desatascos.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
        padding-top: 2vh;
    }
    .fondo1{
        background-color: rgba(50, 90, 246, 0.5);
        border-radius: 25px;
        padding-top: 1vh;
        padding-bottom: 1rem;
    }
    .fondo1 .h2{
        font-size: 2rem;
    }
    .jardin{
        background-image: url("../img/jardin.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
        padding-top: 2vh;
    }
    .piscina{
        background-image: url("../img/piscina.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
        padding-top: 2vh;
    }
    .limpieza{
        background-image: url("../img/limpieza.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
        padding-top: 2vh;
    }
    body{
        color: #fff;
        background-image: none;
    }
}

@media (max-width: 767px){
    
    .jumbotron{
        padding: 2vh 5vh 5vh 5vh;
        background-image: url("../img/fregadero.jpg");
    }
    .jumbotron .container {
        min-width: 200px;
    }
    .jumbotron h1{
        margin-bottom: 15px;
    }
        .jumbotron .h2{
        font-size: 1.5rem;
    }
    .servicio img{
        display: none;
    }
    .servicio{
        text-align: center;
        margin-bottom: 10px;
    }
    .servicio li{
        display: table;
        padding-left: 3vh;
        text-justify: auto;
    }
    .desatasco{
        background-image: url("../img/desatascos-p.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
        padding-top: 2vh;
    }
    .fondo1{
        background-color: rgba(50, 90, 246, 0.5);
        border-radius: 25px;
        padding-top: 1vh;
        padding-bottom: 1rem;
        margin-left: 0;
    }
    .fondo1 .h2{
        font-size: 1.5rem;
    }
    .jardin{
        background-image: url("../img/jardin-p.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
        padding-top: 2vh;
    }
    .piscina{
        background-image: url("../img/piscina-p.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
        ppadding-top: 2vh;
    }
    .limpieza{
        background-image: url("../img/limpieza-p.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh;
        ppadding-top: 2vh;
    }
    body{
        color: #fff;
        background-image: none;
    }
}

footer {
  margin-top: 25px;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
  font-size: .75rem;
}