.grid-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
}


.grid-3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


.row-flex{
    display: flex;
    flex-direction: row;
}

.flex-end{
    display: flex;
    justify-content: end;
}

.center-h{
display: flex;
justify-content: center;
}

.center-v{
    display: flex;
    align-items:center;
}


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

    .grid-3{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

}



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

    .grid-2{
        display: grid;
        grid-template-columns: 1fr;
    }

    .grid-3{
        display: grid;
        grid-template-columns: 1fr;
    }

    .flex-end{
        display: flex;
        justify-content: center;
    }
    
    .small-screen-none{
        display: none;
    }

}