body{
    
    font-family: 'Quicksand', sans-serif !important;
    font-size: 18px!important;
}

.nav-link{
    color: #007cba!important;
    line-height: 100px!important;
}

.nav-link:hover, .active{
    color: white!important;
    line-height: 100px;
    background-color: #007cba !important;
}
.fondo-azul{
   /* background-color: rgb(11, 60, 93)!important;*/
   background-color: #007cba;
}

.lema2{
    font-size: 20px;;
    margin-left: -12px;
    margin-right: -12px;
}

.titulos-interiores {
    color: #007cba!important;
}

.lineas  h5{
    font-size: 1rem!important;
}

.footer{
    padding:30px 0px 30px 0px;
}

.websperuanas{
    font-size: 12px;
}

.websperuanas a{
    color:white;
}

.main{
    
}

.email a, .email a:visited, .email a:hover, .email a:active {
    color:white;
}

.whatsapp{
    background-image: url("../images/textura-maderas.jpg");
    background-size: cover;
    background-position: center;
}

.porque-premix{
    background-color:#b3490b;
}

.lema1{
    font-family: serif;
    font-size: 28px;
    text-shadow: 2px 2px 5px rgb(0, 0, 0);
}

.redes{
    width:50px;
}

.navbar{
    font-size:14px;
}


.text-start{
    width: 250px;
}

/* ========= media querys ======================*/

/**** XTRALARGE ******/

@media (min-width: 1200px) {
    .navbar{
        font-size:15px;
    }

    .text-start{
        width: 400px;
    }

}

/**** LARGE ******/

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar{
        font-size:18px;
    }

}



/**** MEDIUM ******/

@media (min-width: 768px) and (max-width: 991px) {

.lema1{
    font-size: 20px;;
    padding-top: 5px;
}

.telefono{
    font-size: 12px;
}

.representaciones img{
    max-width: 75%;
}



}


/**** SMALL ******/

@media (max-width: 767px){
    .lema1{
        font-size: 20px;;
        padding-top: 5px;
    }

    .telefono{
        font-size: 20px;
    }

    .whatsapp{
        margin:20px 0px;
    }

    .nav-link{
        color: #007cba!important;
        line-height: 30px!important;
    }

    .nav-link:hover, .active{
        background-color: transparent !important;
    }

.imagenes-productos{
    display: none;
}

body{
    font-size: 16px!important;
}


}