:root{
    --color-dark:#1b1b1b;
    --color-light:#ffffff;
    --color-gold:#c7b8a5;
    --color-bord:#721817;
    --color-salmon:salmon;
}
body{
    font-family: 'Oswald' , 'sans-serif';
    font-weight: 200;
    background-color: var(--color-dark);
    color: var(--color-light);
    letter-spacing: .04rem;
    box-sizing: border-box;
}

h5{
    display:block;
}

.logo{
    width: 5%;
}
.logo-2{
    width: 5%;
}


.font-strong{
    font-weight: 500;
}

.lead-xl{
    font-size: 1.75rem;
}

.nav-link{
    margin-left: 2rem;
}

.btn-primary{
    background-color: transparent;
    border: solid var(--color-light) 1px;
    border-radius: 0;
    color: var(--color-light);
    padding: .7rem 2.5rem;
    font-size: 1.25rem;
}

.btn-primary:hover{
    background-color: var(--color-bord);
    color: var(--color-light);
    border: solid 1px var(--color-light);
}

.img{
   margin-top: 10px;
   opacity: 50%;
   width: 100%;
}

.nav-bar{
    min-height: 6rem;
}

.info{
    color:var(--color-light);
    padding: 5px;
    margin-bottom: 10px;
}

.titulo{
    font-size: 2.6rem;
    font-weight: 500;
    
}
.texto{
    font-size: 1.6rem;
    font-weight: 400;

}
.texto2{
    margin-top: -20px;
    font-size: 1.6rem;
}

.info-max{
    position: absolute;
    top: 150px;
    left: 250px;
}

.hover{
    transition: 500;
}
.hover:hover{
    background-color:var(--color-bord) ;
    border:var(--color-light) solid 0.5px;
    border-radius: 5px;
}

.ft-title{
    font-size: 45px;
    text-align: center;
}

.rayoback{
    width: 2.5%;
}

.sin-azul{
    list-style:none;
    margin-top: 0.4rem;
    text-decoration: none;
    color:var(--color-light);  

}

.tel{
    color: var(--color-bord);
    margin: 0.4rem;
    font-size: 1.2rem;
    font-weight: 540;
}

.align-center{
    text-align: center;
}

.social-media{
    color: var(--color-light);
    font-size: 2rem;
    font-weight: 540;
    margin-top: 1.9rem;
    margin-right: 0.2rem;
    margin-left:0.2rem;
    text-align: center;
    align-self: center;
}

.social-media:hover{
    color: var(--color-bord);
}

.info-footer{
    font-size: 1.6rem;
    color: var(--color-light);
    margin: 0.1rem;
    font-weight: 540;
    text-align:center;

}

.padding{
    padding: 0.6rem;

}

.padding-max{
    padding: 0.9rem;
}
    
    
    




.margin-top{
    margin-top: 1.2rem;
}

.margin-bottom{
    margin-bottom: 1.2rem;
}

.margin-top-max{
    margin-top: 1.8rem;
   

}
.margin-bot-max{
    margin-bottom: 1.8rem;
   

}

.text-footer{
    font-weight:500;
    font-size: 1.3rem;
}
.bolt{
    color: var(--color-bord);
}

.racs{
    font-size: 2.5rem;
    margin-top:15px;
    
}

.racs-sec{
    margin-right: 5px;
    
}

.map{
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 40px;
    
}

.map:hover{
    color: var(--color-bord);
    
}

#galery img{
    width: 100%; 
}

.img-ubi{
    width: 100%;
}

.img-fluid {
    height: auto;
    max-width: 100%;
}

.clients{
    display: flex;
    padding: 60px;
}

.titulo-clientes{
   background-color: var(--color-bord);
   font-size: 2.5rem;
   justify-content: center;
   padding: 40px;
   text-align: center;
   
   font-weight: 600;
   
}

.white{
    background-color: var(--color-light);
    align-content: center;
    text-align: center;
    margin-top: -10px;
}

.margin-left{
    margin-right: 60px;
}

.serv-2{
    display: none;
}

.entregas{
    font-size: 2.6rem;
    font-weight: 600;
    margin-top:1rem;
    
}

.entregas-2{
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 2rem;
}

.ventas{
    font-size: 2.4rem;
    font-weight: 600;
    padding: 0.5rem;
    margin-top: 1rem;

}

.ventas-2{
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: -0.4rem;
}

.img-margin{
    margin-top: -8px;
    
}
.img-h1{
    max-height: 740px;
    border-radius: 0.2rem;
}

.img-h2{
    max-height: 550px;
    border-radius: 0.3rem;
}
.nav-bar{
    display: flex;
    justify-content: flex-end;
    align-items: inherit;
}

.formulario{
    margin:4rem;
    margin-left: 10rem;
    margin-right: 10rem;
}

.display-flex{
    display: flex;
    justify-content: center;
}
.formix{
    padding: 0.3rem;
    margin-left: 7rem;
    margin-right: 7rem;
}
.btn-whatsapp {
    display:block;
    width:70px;
    height:70px;
    color:#fff;
    position: fixed;
    right:20px;
    bottom:20px;
    border-radius:50%;
    line-height:80px;
    text-align:center;
    z-index:999;
}

/*
.wass:hover {
    width:90px;
    
}

*/


@media (max-width:1200.98px){
    .content{
        margin-top: 3px;
        padding: 3px;
    }

    .foot{
        text-align: center;
    }

    .info-max{
        position: absolute;
        top: 40px;
        left: 150px;
    }

    .titulo{
        font-size: 1.9rem;
        font-weight: 500;
        
    }
    .texto{
        font-size: 1.2rem;
        font-weight: 400;
    
    }
    .texto2{
        margin-top: -20px;
        font-size: 1.2rem;
       
    
    }
    .racs{
        text-align: center;
        color: #ffffff;
        text-decoration:none

    }
    .ham{
        font-size: 1.8rem;
    }

    .serv-2{
        display: none;
    }

   
    
    
}

@media (max-width:768.98px){


    .home{
        display: none;
    }
    

    .serv-1{
        display: none;
    }

    .serv-2{
        display: block;
    }
    .contacto{
        margin-top: -3rem;
    }

    .titulo{
        display: none;
    }
    .texto{
        display: none;
    }

    .texto2{
        display: none;
    }

    .formix{
        padding: 0.1rem;
        margin-left: 1.2rem;
        margin-right: 1.2rem;
    }

   

    .img-h2{
        max-height: 400px;
    }
}

.formulario{
    
    margin:2rem;
    margin-left: 4rem;
    margin-right: 4rem;
}


@media (max-width:578.98px){
    .contacto{
        margin-top: -0rem;
    }
    .racs{
        font-size:2rem ;
    
    }

    .titulo-clientes{
        
        font-size: 1.7rem;
        font-weight: 500;
        
     }

     .entregas{
        font-size: 1.7rem;

     }
     .entregas-2{
        font-size: 1.5rem;

     }

     .ventas{
        font-size: 1.7rem;
       
    
    }
    .ventas-2{
        font-size: 1.5rem;
        
    
    }
   

    .formix{
        padding: 0.1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    
   
}
@media (max-width:480.98px){

    .logo{
        width: 10%;
    }
    .racs{
        font-size:2rem ;
    
    }
    .formulario{
    
        margin:0.3rem;
        margin-left: 1.2rem;
        margin-right: 1.2rem;
    }

    .img-h2{
        max-height: 300px;
        border-radius: 0.5rem;
    }
   
    


}


/* d-none y d-lg-block me desabilitan en el  query lo que quiero*/