/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#logo img{
    width:8rem;
    }

.categorias img{
    width:100%;
}

.desc-col .col-8.col-lg-4,
.desc-col .col-12.col-lg-12{
/*     font-family: 'Roboto', sans-serif; */
    font-size: 1.5rem;
    /* color: rgb(237 45 52); */
    font-weight:bold;
    margin-bottom:3rem;
}

.desc-col .col-12.col-lg-8{
/*     font-family: 'Roboto', sans-serif; */
    font-size: 1.5rem;
    color: #000;
    
}

.product:hover{
    border: 0.2rem solid #fcd329;
}

h2,
.product{
    
    text-align:center !important;
}

.product-title{
    margin:0 auto !important;
}

.product-title h2{
    color: rgb(237 45 52);
    margin: 0 auto !important;
}

.btn.btn-primary{
    background:#000 !important;
}

.row .desc-col *{
    text-align:justify !important;
    font-size:1.5rem !important;
}

p{
    text-align:justify;
}