@media screen and (max-width: 575.98px) {
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}
    html,
    body {
        background-color: #f0f0f0;
        font-family: Arial, sans-serif;
        position: absolute;
        scrollbar-gutter: stable;
        /* margin: 0; */
        /* padding: 0; */


    }

    .container {
        width:100%;
        margin-left: auto;
        margin-right: auto;
    }

    .row {
        width: 100%;
        display: flex;
        text-align: center;
    }

    .column {
        /* height: 50%; */
        width: 100%;
        text-align: center;
    }
}

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

    html,
    body {
        background-color: #f0f0f0;
        font-family: Arial, sans-serif;
        position: absolute;
    }

    .container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .row {
        width: 100%;
        display: flex;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .column {
        /* height: 50%; */
        width: 100%;
        text-align: center;
    }

}

@media screen and  (min-width: 992px) and (max-width: 1199.98px) {

    html,
    body {
        background-color: #f0f0f0;
        font-family: Arial, sans-serif;
        /* position: absolute; */
    }

    .container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .row {
        width: 100%;
        display: flex;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .column {
        /* height: 50%; */
        width: 100%;
        text-align: center;
    }
}