/* extra small */
@media screen and (max-width: 34em){
    body {
        background-color: #E9EAEC;
        margin-top: 10em;
        font-size: 68%;
    }
    .jumbotron {
        margin-top: 6.5em;
        margin-bottom: 6.5em;

    }

    .champion {
        margin-bottom: 26em;

    }


}


/* tablets  */
@media screen and (min-width: 35em) and (max-width: 48em) {
    body {
        background-color: #E9EAEC;
        margin-top: 20em;
        font-size: 60%;
    }

    .jumbotron {
        margin-top: 6.5em;
        margin-bottom: 6.5em;

    }

    .champion {
        margin-bottom: 38.2em;

    }
}

/* tablets mais de 7 polegadas */
@media screen and (min-width: 49em) and (max-width: 62em) {
    body {
        background-color: #E9EAEC;
        margin-top: 22em;
        font-size: 58%;
    }
}

/* telas de noteboooks e desktops */
@media screen and (min-width: 63em) and (max-width: 75em)  {
    body {
        background-color: #E9EAEC;
        margin-top: 18em;
        font-size: 60%;
    }

    .champion {
        margin-bottom: 76em;

    }
}

@media screen and (min-width: 76em) {
    body {
        background-color: #E9EAEC;
        margin-top: 8em;
        font-size: 100%;
    }

    .jumbotron {
        margin-top: 1.5em;
        margin-bottom: 2.5em;
        background: #DEDEDE;

    }

}