.banner{
    width: 100%;
    height: 529px;
    background: url("../img/senaletica/Banner1.png");
    margin-top: 23px;
}
.catalogos{
    width: 100%;
    height: auto;
    margin: auto;
    display: flex;
    
}
.portada{
    width: 30%;
    height: 500px;
    margin-left: 3%;
    margin: 10% auto;
}

/*
.bg1{
    background: url('../img/catalogo/promecom.PNG');
    background-size: contain;
}
.bg2{
    background: url('../img/catalogo/senaletica.PNG');
    background-size: contain;
}
.bg3{
    background: url('../img/catalogo/cubrebocas.PNG');
    background-size: contain;
}*/

@media screen and (max-width:800px){
    .banner{
        width: 100%;
        height: 120px;
        background: url("../img/senaletica/Banner1.png");
        background-size: contain;
        margin-top: 23px;
    }
    .catalogos{
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        
    }
    .portada{
        width: 80%;
        height: 440px;
        margin: 10px auto;
        
    }
    /*
    .bg1{
        background: url('../img/catalogo/promecom.PNG');
        background-size: contain;
    }
    .bg2{
        background: url('../img/catalogo/senaletica.PNG');
        background-size: contain;
    }
    .bg3{
        background: url('../img/catalogo/cubrebocas.PNG');
        background-size: contain;
    }*/
}

/*************************************/
.title{
    width: 100%;
    height: 50px;
    background-color: #000;
    text-align: center;
    color: #FFF;
    font-size: 1.6rem;
    margin-top: 30px;
}
.vista_catalogo{
    width: 100%;
    height: auto;
}