@media only screen and (min-width: 2400px) {

    html,
    body {
        font-size: 1.2em;
    }
}

@media only screen and (min-width: 3000px) {

    html,
    body {
        font-size: 1.3em;
    }
}

@media only screen and (min-width: 3600px) {

    html,
    body {
        font-size: 1.4em;
    }
}

@media only screen and (max-width: 1880px) {

    html,
    body {
        font-size: 0.98em;
    }

    h1 {
        font-size: 6em;
    }
}

@media only screen and (max-width: 1650px) {

    html,
    body {
        font-size: 0.94em;
    }

    h1 {
        font-size: 5.9em;
    }
}

@media only screen and (max-width: 1595px) {

    html,
    body {
        font-size: 0.89em;
    }
}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1400px) {

    html,
    body {
        font-size: 0.86em;
    }
}

@media only screen and (max-width: 1280px) {

    html,
    body {
        font-size: 0.83em;
    }

    h1 {
        font-size: 5.8em;
    }
}

@media only screen and (min-width: 1046px) {
    .bluebox{
        width: 50%!important;
    }
}

@media only screen and (max-width: 1045px) and (min-width: 451px) {
    .bluebox{
        width: 80%!important;
    }
}

@media only screen and (max-width: 1000px) {}

@media only screen and (max-width: 991px) {

    html,
    body {
        font-size: 0.80em;
    }
}

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

    html,
    body {
        font-size: 0.78em;
    }

    .servicos-btn {
        max-width: 100%;
    }

    .container-servicos {
        padding-top: 10%;
        padding-left: 0;
    }
}

@media only screen and (max-width: 550px) {

    html,
    body {
        font-size: 0.75em;
    }
}

@media only screen and (max-width: 450px) {

    html,
    body {
        font-size: 0.73em;
    }
    .bluebox{
        width: 90%!important;
        padding: 40px 60px!important;
    }
    .atleta{
        right: 50%!important;
    }
    .bluebox{
        margin-top: 250px!important;
    }
    #titulo{
        display: none;
    }

}