@media screen and (max-width: 1300px) {
    .row {
        display: block;
    }

    .col {
        display: block;
        flex: 100%;
    }

    .container {
        width: 75%;
    }
}


@media screen and (max-width: 900px) {
    .title {
        width: 75%;
    }

    .container {
        width: 75%;
        scroll-margin-top: 100px;
    }

    .mobileWarning {
        display: inherit;
    }
}


@media screen and (max-width: 500px) {
    .title {
        width: 97%;
    }

    .container {
        width: 97%;
        scroll-margin-top: 127px;
    }

    .mobileWarning {
        display: inherit;
    }
}