@media (max-width:1000px ){
    html {
        font-size: 14px;
    }
    .header,
    .main{
        max-width: 100%;
        margin-top: 1rem;
        margin: 0 auto;
    }
}

@media (max-width:900px ){
    html {
        font-size: 12px;
    }
    .header,
    .main{
        max-width: 100%;
        margin-top: 1rem;
        margin: 0 auto;
    }


}

@media (max-width:800px ){
    html {
        font-size: 10px;
    }
    .header,
    .main{
        max-width: 100%;
        margin-top: 1rem;
        margin: 0 auto;
    }
}

@media (max-width:767px ){
    html {
        font-size: 8px;
    }
    .header,
    .main{
        max-width: 100%;
        margin-top: 1rem;
        margin: 0 auto;
    }
}