.gallery {

    background: rgb(255, 255, 255);

}



.gallery-cell {

    width: 40%;

    height: 500px;

    margin-right: 10px;

    background: rgb(236, 60, 29);

    counter-increment: gallery-cell;

}

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

    .gallery-cell {

        width: 90%;

        height: 500px;

    }

}



.gallery-cell:before {

    display: block;

    text-align: center;

    line-height: 200px;

    font-size: 80px;

    color: white;

}



.gallery-cell h3 {

    color: white;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

}



.gallery-cell p {

    font-size: 18px;

    color: white;

    text-align: justify;

    padding-left: 25px;

    padding-right: 25px;

    padding-bottom: 10px;

}



.scroll{

    width: 100%;

    padding: 10px;

    overflow: scroll;

    height: 205px;

    scrollbar-width: thin;

    overflow-x: hidden;

    

}