html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

html,
body,
div,
a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

.multimedia-webcontent {

    background-image: url(../resolucao01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 180px;
    position: relative;
    display: block;
    margin: 0 auto;
}

@media screen and (width >=480px) {
    .multimedia-webcontent {
        max-width: 100vw;
        min-width: 480px;
    }
}

@media screen and (width >=768px) {
    .multimedia-webcontent {
        background-image: url(../resolucao02.jpg);
        margin: 0 auto;
        max-width: 80vw;
        min-width: 672px;
    }
}

@media screen and (width >=1280px) {
    .multimedia-webcontent {
        background-image: url(../resolucao03.jpg);
        max-width: 1152px;
        width: 100%;

    }
}

@media screen and (width >=1366px) {
    .multimedia-webcontent {
        margin: 0 auto;
        max-width: 1296px;
    }
}