@media (min-width: 320px) and (max-width:1000px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {

    header,
    section,
    footer {
        padding: var(--lgPadding);
    }
}

@media (min-width:1024px) {
    h2 {
        font-size: 30px;
    }

    .w-lg-90 {
        width: 90%;
    }

    /* start login page */
    .login {
        background: url('../img/login.png') no-repeat;
        background-size: 50% 100%;
        height: 100vh;
        overflow-y: scroll;
    }

    .login .row-set {
        width: 45%;
        /* overflow: scroll; */
    }

    .login:-webkit-scrollbar-track {
        background: none;
    }

    /* end login page */


}

@media (min-width: 1200px) {}

@media (min-width: 1366px) {}

@media (min-width: 1440px) {}

@media (min-width: 1900px) {}