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

     .bodyConFondo {
        background-image: url(/images/background-photo-mobile-devices.jpg);
    }

    .c-res-1 {
        grid-column: span 1;
    }

    .c-res-2 {
        grid-column: span 2;
    }

    .c-res-3 {
        grid-column: span 3;
    }

    .c-res-4 {
        grid-column: span 4;
    }

    .c-res-5 {
        grid-column: span 5;
    }

    .c-res-6 {
        grid-column: span 6;
    }

    .c-res-7 {
        grid-column: span 7;
    }

    .c-res-8 {
        grid-column: span 8;
    }

    .c-res-9 {
        grid-column: span 9;
    }

    .c-res-10 {
        grid-column: span 10;
    }

    .c-res-11 {
        grid-column: span 11;
    }

    .c-res-12 {
        width: 100%;
    }
    
    .contenedorModal {
        width: 90%;
        overflow-y: visible;
        overflow-x: hidden;
    }
}