/*responsive*/
@media screen and (max-width:1000px) {
    #text1 {
        text-decoration: none;
        font-size:1em;
        color: #000000;
        padding: 10% 2% 2% 2%;
    }

    #offcanvasBottom,
    #offcanvasBottom1,
    #offcanvasBottom3,
    #offcanvasBottom4 {
        display: flex;
        width: 100%;
        height: 34%;
    }

    #offcanvasBottom2 {
        display: flex;
        width: 100%;
        height: 70%;
    }

    .txtjustificar {
        color: black;
        text-decoration: none;
        font-size: 2vw;
    }

    .imgproductos1 {
        width: 15%;
        align-content: initial;
    }

    .offcanvas offcanvas-bottom {
        border: 1.25rem;
    }

    .btn btn-link {
        text-decoration: none;
        color: #004C9A;
        font-size: 2.8125em;
    }

    .btn btn-link txtjustificar {
        text-decoration: none;
        color: #000000;
        font-size: 2.8125em;
    }

    .imgProductosFamilia {
        width: 8em;
        border-radius: 1em;
    }

    .col-12.border.bg-light.row {
        border-radius: 4vw;
        text-decoration: none;
    }

    .container.Prouctos {
        margin-left: 7vw;
        margin-top: 39vw;
    }
    input#ContentPlaceHolder1_Button1,
    input#ContentPlaceHolder1_Button2,
    input#ContentPlaceHolder1_Button3,
    input#ContentPlaceHolder1_Button4,
    input#ContentPlaceHolder1_Button5 {
        text-decoration: none;
        font-size: 1.1rem;
        color: #004C9A;
        padding:0;
    }


    .imgproductos {
        max-width: 100%; 
        margin-right: 10px; 
        width: 70%;
    }


    .row Productos {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .col-md-1 {
        flex: 0 0 20%;
        padding:0;
    }

    .col-md-11 {
        flex: 1;
        padding: 0;
    }
    input#ContentPlaceHolder1_Button6,
    input#ContentPlaceHolder1_Button7,
    input#ContentPlaceHolder1_Button8,
    input#ContentPlaceHolder1_Button9 {
        font-size: 2em;
    }

    .btn.btn-link {
        font-size: 1em;
    }
   



}
/*pc*/
@media screen and (min-width:1000px) {
    #text1 {
        text-decoration: none;
        font-size: 2.5em;
        color: #000000;
        padding: 10% 2% 2% 2%;
    }

    #offcanvasBottom,
    #offcanvasBottom1,
    #offcanvasBottom3,
    #offcanvasBottom4 {
        display: flex;
        width: 100%;
        height: 40%;
    }

    #offcanvasBottom2 {
        display: flex;
        width: 100%;
        height: 70%;
    }

    .txtjustificar {
        color: black;
        text-decoration: none;
        font-size: 2vw;
    }

    .imgproductos {
        width: 65%;
    }
    input#ContentPlaceHolder1_Button1,
    input#ContentPlaceHolder1_Button2,
    input#ContentPlaceHolder1_Button3,
    input#ContentPlaceHolder1_Button4,
    input#ContentPlaceHolder1_Button5 {
        text-decoration: none;
        font-size: 2.5rem;
        color: #004C9A;
    }

    .imgproductos1 {
        width: 15%;
        align-content: initial;
    }

    .offcanvas offcanvas-bottom {
        border: 1.25rem;
    }

    .btn btn-link {
        text-decoration: none;
        color: #004C9A;
        font-size: 2.8125em;
    }

    .btn btn-link txtjustificar {
        text-decoration: none;
        color: #000000;
        font-size: 2.8125em;
    }

    .imgProductosFamilia {
        width: 12em;
        border-radius: 1em;
    }

    .col-12.border.bg-light.row {
        border-radius: 2vw;
        text-decoration: none;
    }
    .container.Prouctos {
        margin-top: 5vw;
    }

    .col-12.border.bg-light.row.tapas {
        margin-bottom: 7vw;
    }
}