@media screen and (max-width: 1920px) {
    html,body {
        font-size: 16px;
    }
    .wrapper{
        max-width: 1200px;
    }
}

@media screen and (max-width: 1440px) {
    html,body {
        font-size: 14px;
    }
}

@media screen and (max-width: 1200px) {
    html,
    body {
        font-size: 12px;
    }
}

@media screen and (max-width: 1100px) {
    .wrapper{
        max-width: 100%;
        margin: 0 1.5rem;
    }
}