@media screen and (max-width: 1200px) {
    :root {
        --page-padding: 8%;
    }
}


@media screen and (max-width: 600px) {
    :root {
        --page-padding: 1rem;
        --spacing-small: 6px;
        --spacing-medium: 12px;
        --spacing-large: 34px;
    }



    .m-hide {
        display: none !important;
    }

    .m-col,
    .m-flex-col {
        flex-direction: column;
    }
    .m-row {
        flex-direction: row;
    }
}


@media screen and (min-width: 600px) {
    .m-show {
        display: none !important;
    }
}