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(../resolucao03.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 768 / 180;
    position: relative;
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .multimedia-webcontent {
        background-image: url(../resolucao02.png);
        margin: 0 auto;
        aspect-ratio: 1024 / 180;
        min-width: 672px;
    }
}

@media screen and (min-width: 1024px) {
    .multimedia-webcontent {
        background-image: url(../resolucao01.png);
        aspect-ratio: 1152 / 180;
        margin: 0 auto;
        max-width: 1152px;

    }
}