html{
    font-size: 15px;
}

a:focus {
    outline: none;
    width: 0px;
    height: 0px;
}

.bienvenidos{
    background: url("../images/jardin.jpg");
    background-size: cover;
    height: 80vh;
    overflow: hidden;
}

.services{
    background: url("../images/entrada.jpg") no-repeat center fixed;
    background-size: cover;
    /*height: 30vh;*/
    overflow: hidden;
}

.navbar{
    background: rgba(0,0,0,0.10);
}

.navbar-light .navbar-brand {
    color: rgba(255,255,255,1);
    font-size: 1.3rem;
    text-transform: uppercase;
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(255,255,255);
}

.navbar-toggler {
    font-size: 1.6rem;
    color: #fff!important;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255);
    text-align: center;
    padding: .8rem;
    text-transform: uppercase;
    transition: all .3s ease;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: rgba(255,255,255);
    /*background: #F05F40;*/
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(255,255,255);
    background: #7e3610;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0 0 0 / 1);
}

.h4, h4 {
    font-size: 54px;
    font-family: 'Niconne', cursive;
}

.h3, h3 {
    font-size: 44px;
    font-family: 'Niconne', cursive;
    text-align: center;
    color: #7e3610;
    margin-top: 30px;
    margin-bottom: 30px;
}

.about h5 {
    font-size: 14px;
    text-align: center;
    color: #464646;
    line-height: 2em;
    margin-bottom: 35px;
}

.h2, h2 {
    /*font-size: 54;*/
    font-family: 'Niconne', cursive;
    color: #7e3610;
    text-align: center;
    margin-top: 30px;
}

.carousel slide .carousel-item .h4{
    margin-bottom: 5rem;
}

.dron .container .container{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top:56.25%;  /*16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/*iframe del mapa auto ajustable*/
.contact .container .container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.services h2{
    font-size: 44px;
}

.services h4{
    color: #7e3610;
    font-size: 30px;
}

.services p{
    color: #fff;
    font-family: 'Niconne', cursive;
    font-size: 20px;
}

.services a{
    color: #7e3610;
    font-size: 44px;
    font-family: 'Niconne', cursive;
    text-decoration: none;
}

.contact p{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.btn{
    background-color: #7e3610;
    border-color: #7e3610;
}

.btn:hover {
    color: #fff;
    background-color: #7e3610;
    border-color: #7e3610;
}

.btn-primary:hover {
    color: #fff;
    background-color: #7e3610;
    border-color: #7e3610;
}

.footer .container p{
    text-align: left;
    font-size: 15px;
}

/*Estilos para Font Awesome*/
.fa-facebook{
    color: #4267B2;
    font-size: 1.5rem;
}

.fa-instagram{
    color: #4267B2;
    font-size: 1.5rem;
}

.fa-whatsapp{
    color: #4AC959;
    font-size: 1.5rem;
}

.fa-check-square{
    color: #fff;
    font-size: 20px;
}

.fa-music{
    color: #fff;
    font-size: 20px;
}

.fa-image{
    color: #fff;
    font-size: 20px;
}

.fa-heart{
    color: #fff;
    font-size: 20px;
}


/*Empiezan los media query*/

@media (min-width:500px){
    .services{
        height: 60vh;
        overflow: hidden;
    }
    
    .footer .container p{
    text-align: center;
    font-size: 14px;
    }

}

@media (min-width:576px){
    .services{
        height: 50vh;
        overflow: hidden;
    }
    
    .footer .container p{
    text-align: center;
    font-size: 14px;
    }

}

@media (min-width:768px){
    .services{
       /* background: url("../images/lacarreta_jardin.jpg");*/
       /* background-size: cover;*/
        height: 40vh;
        overflow: hidden;
    }
    
    .footer .container p{
    text-align: center;
    font-size: 14px;
    }
}

@media (min-width:992px){
    .services{
       /* background: url("../images/lacarreta_jardin.jpg");*/
       /* background-size: cover;*/
        height: 40vh;
        overflow: hidden;
    }
    
    .footer .container p{
    text-align: center;
    font-size: 14px;
    }
}

@media (min-width:1200px){
    .about h5 {
    font-size: 18px;
    text-align: center;
    color: #464646;
    line-height: 2em;
    margin-bottom: 35px;
}
    
    .services{
        height: 50vh;
        overflow: hidden;
    }
}