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

    body.roxy main .container{
        padding-right: 4%;
        padding-left: 4%;
    }

    body.roxy .init .center {
        width: inherit;
    }

    body.roxy main .container .home section.cards {
        grid-template-columns: 1fr;    
        grid-gap: 50px;
    }

    body.roxy main .container .home .cards .card {
        width: 80vw;
    }

    body.roxy main .container .account .grid{
        grid-template-columns: 1fr;
    }

    body.roxy main .container .account .grid .content_zone .content_account .grid_temp_2,
    body.roxy main .container .account .grid .content_zone .content_account .grid_temp_3{
        grid-template-columns: 1fr;
    }
}