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

    SquareGrid {
        --columns: 2;
        --gutter: 4vw;
    }

    #groupsData > div {
        grid-column: span 1;
        grid-row: span 1;
    }

    #groupsData #account, #groupsData #new_group {
        grid-column: span 2;
    }

    .padBox {
        padding: 0.5rem;
    }
    .padBox form {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .actionBox button {
        font-size: 0.75rem;
        width: 100%;
    }
    .big_nav_point {
        font-size: 1.25rem;
    }
    .addFacts {
        text-align: center;
        margin-top: 0.5rem;
    }
}