@media (orientation: landscape) {

/*videos landscape e portrait

div.full-screen div.full-screen-2 div.box.landscape {
display: block;
}

div.full-screen div.full-screen-2 div.box.portrait {
display:none;
}*/

/*imagens de background

div.full-screen-image.portait { 
display: none; 
}

div.full-screen-image.landscape { 
display: block;
}*/

.portait { 
display: none; 
}

.landscape { 
display: block;
}


div.full-screen-image.landscape.foto1.day,
div.full-screen-image.landscape.embalagens1.day {
display: block;
}

div.full-screen-image.portait.foto1.day,
div.full-screen-image.portait.embalagens1.day,
div.full-screen-image.landscape.foto1.night,
div.full-screen-image.landscape.embalagens1.night,
div.full-screen-image.portait.foto1.night,
div.full-screen-image.portait.embalagens1.night {
display: none;
}



}





@media (orientation: portrait) {

div.full-screen div.full-screen-2 {
background-color: #000000;
}


/*videos landscape e portrait*/

div.full-screen div.full-screen-2 div.box.landscape {
display: none;
}

div.full-screen div.full-screen-2 div.box.portrait {
display: block;
}

/*imagens de background*/

div.full-screen-image.portait { 
display: block; 
}

div.full-screen-image.landscape { 
display: none;
}

.portait { 
display: block; 
}

.landscape { 
display: none;
}

div.full-screen-image.portait.foto1.day,
div.full-screen-image.portait.embalagens1.day {
display: block;
display: none;
}

div.full-screen-image.landscape.foto1.day,
div.full-screen-image.landscape.embalagens1.day,
div.full-screen-image.landscape.foto1.night,
div.full-screen-image.landscape.embalagens1.night,
div.full-screen-image.portait.foto1.night,
div.full-screen-image.portait.embalagens1.night {
display: none;
}
   
}


@media (prefers-color-scheme: dark) and (orientation: landscape) {

div.full-screen-image.landscape.foto1.day,
div.full-screen-image.landscape.embalagens1.day {
display: none;
}

div.full-screen-image.landscape.foto1.night,
div.full-screen-image.landscape.embalagens1.night {
display: block;
}

}


@media (prefers-color-scheme: dark) and (orientation: portrait) {

div.full-screen-image.portait.foto1.day,
div.full-screen-image.portait.embalagens1.day {
display: none;
}

div.full-screen-image.portait.foto1.night,
div.full-screen-image.portait.embalagens1.night {
display: block;
display: none;
}


}




/************************/


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

body {
font-size: 1.1rem;
}

.content-center {
max-width: 37.7vw;
}

.content-larger {
width: 47.3%;
}

/*creditos*/

div.wrapper div.content-fullwidth div.credits cite {
font-size: 1.3em;
}

/**/

img.entrada.only-large-devices {
    display: block;
    width: 37%;
    margin-top: 1em;
}

div.full-screen div.content div.content-text div.credits, div.wrapper section#introducao-small-devices div.content.content-center div.credits {
margin-top: 5em;
margin-bottom: 3em;
}

img.text-wrap {
    width: 23%;
    float: left;
    margin: 9% 3% 7% -13.5%;
    shape-outside: circle(30%);
    position: relative;
    right: 0em;
    top: 0em;
}

div.wrapper div.content-center.relacionados {
max-width: 47.2vw;
}

/*veja mais + fundo*/


img.fundo-relacionados.landscape {
top: 77em;
}

/**/

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
font-size: 3.2em;
}

div.wrapper div.content.content-center > p span#first-letter {
font-family: 'FrederickatheGreat-Regular', sans-serif;
font-weight: 500;
font-size: 750%;
line-height: 18%;
float: left;
margin: 6% 2% 4% -8.5%;
position: relative;
right: 0em;
top: 0em;
}

img.credits {
width: 70%;
}

div.thumbnail-relacionados a div.thumb figcaption {
font-size: 1.9em;
}

}



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

body {
font-size: 1.01rem;
}

.content-center {
max-width: 37.7vw;
}

.content-larger {
width: 47.2%;
}

/*creditos*/

div.wrapper div.content-fullwidth div.credits cite {
font-size: 1.3em;
}

/*imagem final*/

img {
margin: 0 auto -0.2em auto;
}

/**/

img.entrada.only-large-devices {
    display: block;
    width: 45%;
    margin-top: 1em;
}

div.full-screen div.content div.content-text div.credits, div.wrapper section#introducao-small-devices div.content.content-center div.credits {
margin-top: 5em;
margin-bottom: 4em;
}

img.text-wrap {
    width: 23%;
    float: left;
    margin: 11% 4% 10% -13.5%;
    shape-outside: circle(24%);
    position: relative;
    right: 0em;
    top: 0em;
}

/*veja mais + fundo*/


img.fundo-relacionados.landscape {
top: 69em;
}

/**/


div.wrapper div.content.content-center > p span#first-letter {
font-family: 'FrederickatheGreat-Regular', sans-serif;
font-weight: 500;
font-size: 707%;
line-height: 30%;
float: left;
margin: 6% 2% 4% -8.5%;
position: relative;
right: 0em;
top: 0em;
}

img.credits {
width: 100%;
}

div.thumbnail-relacionados a div.thumb figcaption {
font-size: 1.9em;
}

}







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

.content-center {
max-width: 38.5vw;
}

.content-larger {
width: 48.4%;
}

}



@media only screen and (max-width : 1680px) {
.content-center {
max-width: 44.5vw;
}

.content-larger {
width: 56%;
}

img.entrada.only-large-devices {
    display: block;
    width: 53%;
    margin-top: 1em;
}

img.text-wrap {
    width: 23%;
    float: left;
    margin: 10% 4% 10% -13.5%;
    shape-outside: circle(24%);
    position: relative;
    right: 0em;
    top: 0em;
}

img.entrada.only-large-devices {
    display: block;
    width: 62%;
    margin-top: 1em;
}

/**/

img.fundo-relacionados.landscape {
    top: 73em;
}


div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6, div.wrapper div.content-center div.credits h6, div.wrapper div.content-center h6, div.wrapper div.content-larger h6 {
margin: 17.6em auto 4.6em;
}
                    
}


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

div.top nav.collapse-navbar div.menu-two a span.title-vertical_menu {
display: none;
} 

}


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

.content-center {
max-width: 49.5vw;
}

.content-larger {
width: 62.5%;
}

/**/


img.fundo-relacionados.landscape {
top: 81em;
}


div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6, div.wrapper div.content-center div.credits h6, div.wrapper div.content-center h6, div.wrapper div.content-larger h6 {
    margin: 13.6em auto 4.6em;
}

/**/


}




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

body {
font-size: 1rem;
}

.content-center {
max-width: 50.5vw;
}

.content-larger {
width: 63.8%;
}

img.text-wrap {
    width: 26%;
    float: left;
    margin: 12% 3% 13% -13.5%;
    shape-outside: circle(29%);
    position: relative;
    right: 0em;
    top: 0em;
}

}


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

.content-center {
max-width: 54.69vw;
}

.content-larger {
width: 70%;
}

/*intro*/

div.wrapper div.content.content-larger div.intro p {
font-size: 3em;
line-height: 1.15em;
-webkit-margin-after: 0.6em;
}

div.wrapper div.content.content-larger div.intro h6 {
font-size: 2.2em;
font-weight: 100;
}

/*legendas*/

div.fullwidth-cover.only-small-devices div.box div.box-image figcaption, 
div.wrapper div.content-center div.box figure.box-image figcaption, 
div.wrapper div.content-fullwidth figure.box-image figcaption, 
div.wrapper div.content-larger figure.box-image figcaption, 
div.wrapper div.content-center div.box div.captions-media, 
div.wrapper div.content-fullwidth div.box div.captions-media, 
div.wrapper div.content-larger div.box div.captions-media, 
div.wrapper div.content-fullwidth div.box div.captions-media, 
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides figcaption, 
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides figcaption, 
div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption {
font-weight: 400;
font-size: 1.8em;
line-height: 1.25em;
margin-top: 0.5em;
}


div.wrapper div.content-fullwidth div.box div.box-blockquote cite, div.wrapper div.content-larger div.box div.box-blockquote cite {
font-size: 2.2em;
line-height: 0.9em;
margin-top: 0.6em;
}
 

/*caixas*/

div.wrapper div.content.content-center div.box div.box-text > h2 {
font-size: 3.1em;
font-weight: 500;
line-height: 1.2em;
}

div.wrapper div.content.content-center div.box div.box-text > h3,
div.wrapper div.content.content-center div.box div.box-text > h4 {
font-size: 2em;
font-weight: 500;
line-height: 1.5em;
letter-spacing: -0.01em;
margin-top: 2em;
}

div.wrapper div.content.content-center div.box div.box-text > h4 {
font-size: 1.8em;
letter-spacing: 0.01em;
margin-top: 0em;
}

div.wrapper div.content.content-center div.box div.box-text > p {
font-size: 1.9em;
line-height: 1.4em;
font-weight: 600;
margin-bottom: 1.1em;
letter-spacing: 0.01em;
margin-top: 0.3em;
}

div.wrapper div.content.content-center div.box div.box-text > p span.num-item {
font-size: 0.9em;
line-height: 1.4em;
font-weight: 500;
padding-right: 0.5em;
}

/*trinco*/

div.wrapper div.content-center p img.end-mark {
width: 13px;
margin-bottom: 0px;
}

/*creditos*/


div.wrapper div.content-fullwidth div.credits cite {
font-size: 1.5em;
line-height: 1.4em;
}

div.wrapper div.content-fullwidth div.credits cite span.media-name {
padding-right: 0.4em;
font-weight: 400;
}

div.wrapper div.content-fullwidth div.credits h6 {
font-weight: 400;
font-size: 1em;
margin-top: 0.5em;
margin: 3em 0 0 0;
}


/**/

div.full-screen div.content div.content-text h1, div.wrapper section#introducao-small-devices div.content.content-center h1 {
font-size: 6.2em;
line-height: 1em;
font-weight: 500;
width: 89%;
}

img.entrada.only-large-devices {
    display: block;
    width: 66%;
    margin-top: -2em;
}

div.full-screen div.content div.content-text div.credits cite, div.wrapper section#introducao-small-devices div.content.content-center div.credits cite, div.wrapper div.content-center div.credits cite {
font-size: 1.3em;
line-height: 1.18em;
font-weight: 800;
}

div.wrapper div.content.content-center > h3 {
font-size: 2.1em;
line-height: 1.3em;
font-weight: 100;
margin: 0 auto 1.2em auto;
padding-top: 7em;
}

div.wrapper div.content.content-center > h2 {
font-size: 4.5em;
line-height: 1em;
font-weight: 500;
margin: 2em auto 1em auto;
width: 83%;
}

div.wrapper div.content.content-center > p, div.wrapper div.content.content-center > ul {
font-size: 2.2em;
line-height: 1.55em;
}

img.text-wrap {
    width: 27%;
    float: left;
    margin: 7% 5% 6% -13.5%;
    shape-outside: circle(33%);
    position: relative;
    right: 0em;
    top: 0em;
}

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote, div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
    font-family: 'FrederickatheGreat-Regular', sans-serif;
    font-size: 3.3em;
    line-height: 1.2em;
    font-weight: 500;
    text-align: left;
    margin: 0.5em auto 2.8em auto;
}

div.thumbnail-relacionados a div.thumb figcaption {
    font-family: "Oswald-Regular",sans-serif;
    font-weight: 400;
    font-size: 1.8em;
    line-height: 1.25em;
    margin-top: 0.5em;
    text-align: center;
}

div.full-screen div.content div.content-text div.credits, div.wrapper section#introducao-small-devices div.content.content-center div.credits {
margin-top: 3.5em;
margin-bottom: 2em;
}

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6, div.wrapper div.content-center div.credits h6, div.wrapper div.content-center h6, div.wrapper div.content-larger h6 {
    margin: 11.6em auto 4.6em;
}

img.credits {
width: 70%;
}

}



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

.content-center {
/*max-width: 50vw;*/
max-width: 60vw;
}vidro

.content-larger {
width: 63.3%;
}

div.wrapper div.content-fullwidth div.credits cite span.media-name {
    font-weight: 800;
}


/*titulo*/

div.full-screen div.module-centered div.heading-container h1 {
font-size: 7em;
}

div.wrapper div.content-fullwidth div.box div.box-blockquote cite, 
div.wrapper div.content-larger div.box div.box-blockquote cite {
font-size: 2em;
line-height: 0.9em;
margin-top: 0.6em;
}

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote.citacao::before, div.wrapper div.content.content-larger div.box div.box-blockquote blockquote.citacao::before {
top: 0.55em;
font-size: 2.8em;
}

}





/*boxes: deixa- de estar float*/
@media only screen and (max-width : 1112px) {

/*boxes*/

div.wrapper div.content-center div.box.box-left,
div.wrapper div.content-center div.box.box-right {
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 4.9em;
padding-right: 0em;
padding-left: 0em;
}

div.wrapper div.content-center div.box-text {
padding-right: 2em;
padding-left: 2em;
margin-right: 1em;
}

div.wrapper div.content-larger div.box-slideshow button div.arrow {
width: 60px;
height: 60px;
}

div.full-screen div.content div.content-text h1, div.wrapper div.content.content-center.intro2 h1 {
font-size: 6em;
margin: 0 auto .2em auto;
}

/**/

div.full-screen div.content div.content-text img {
width: 70%;
}

div.full-screen div.content div.content-text div.credits {
width: 44%;
}

div.wrapper div.content.content-center > h3 {
font-size: 2em;
}

div.wrapper div.content.content-center > h2 {
font-size: 4.3em;
}

div.wrapper div.content.content-center > p, div.wrapper div.content.content-center > ul {
font-size: 2em;
}

/**/


div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6, div.wrapper div.content-center div.credits h6, div.wrapper div.content-center h6, div.wrapper div.content-larger h6 {
    margin: 17.6em auto 4.6em;
}

/**/

.agregador div.item-hover div.item-legendas h2 {
font-size: 4em;
}

.agregador .item-hover .item-legendas.plastico,
.agregador .item-hover .item-legendas.papel, 
.agregador .item-hover .item-legendas.vidro,
.agregador .item-hover .item-legendas.indiferenciado {
background: none;
opacity: 1;
}

/**/

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote, div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
    font-size: 3.2em;
}

}




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

.content-center {
/*max-width: 49.25vw;*/
max-width: 65vw;
}

body {
/*font-size: 0.98rem;*/
font-size: 0.96rem;
}

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote.citacao::before,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote.citacao::before {
top: 0.62em;
font-size: 2.7em;
left: -0.45em;
}

div.wrapper div.content-larger div.box-slideshow button div.arrow {
width: 55px;
height: 55px;
}

/**/

div.wrapper div.content.content-center div.intro p.article_Signature.bordered {
width: 87%;
}

div.wrapper div.content.content-center > h3.infografia {
    margin-bottom: 0.3em;
}

/**/

div.full-screen div.content div.content-text h1,
div.wrapper div.content.content-center.intro2 h1 {
margin: 0 auto .6em auto;
}

div.full-screen div.content div.content-text div.credits {
margin-top: 4.4em;
}

/**/

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
font-size: 3em;
}

img.text-wrap {
    width: 27%;
    float: left;
    margin: 9% 5% 6% -13.5%;
    shape-outside: circle(33%);
    position: relative;
    right: 0em;
    top: 0em;
}


}


/*small vs large devices: nos capitulos, deixamos de ter fullscreen para imagens a toda a largura */

@media screen and (max-width: 1000px) {
/*.content-center {
max-width: 49.2vw;
}*/

div.wrapper div.content.content-fullwidth.only-small-devices {
display: block;
}

}





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

.content-center {
/*max-width: 49vw;*/
max-width: 70vw;
}

div.wrapper div.content-center div.credits h4, 
div.wrapper div.content-center div.credits cite {
font-size: 1.5em;
}

div.wrapper div.content-fullwidth div.box div.box-blockquote cite span.cite-position, 
div.wrapper div.content-larger div.box div.box-blockquote cite span.cite-position {
font-family: "Firme-Bold",sans-serif; 
}

}



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

.content-center,
.content-larger {
max-width: 79.2vw;
width: 100%;
}

div.full-screen div.module-centered div.heading-container h1 {
font-size: 6.3em;
}

/*creditos*/

div.wrapper div.content-fullwidth div.credits h6 {
font-size: 1.2em;
}

div.wrapper div.content.content-center div.intro p.article_Signature.bordered {
width: 93%;
}

/*muda imagem do capítulo*/
div.wrapper div.content.content-center > h2.cap-img-mobile {
display: block;
}
/*fim muda imagem do capítulo*/

/**/

section div.full-screen#introducao {
display: none;
}

div.wrapper section#introducao-small-devices {
display: block;
}

img.entrada.only-large-devices {
display: none;
}

img.entrada.only-small-devices {
    display: block;
    width: 51%;
}

/*div.full-screen a.scroll-link.introducao {
display: none;
}

div.full-screen a.scroll-link.introducao-small-devices {
display: block;
}*/

/***/

div.wrapper section#introducao-small-devices div.content.content-center h1 {
margin: 0 auto 1em auto;
}

div.full-screen div.content div.content-text div.credits, div.wrapper section#introducao-small-devices div.content.content-center div.credits {
    width: 48%;
    margin-top: 5em;
    margin-bottom: 3em;

}

div.wrapper section#introducao-small-devices div.content.content-center {
    padding-top: 9em;
}

div.wrapper section#introducao-small-devices div.content.content-center h1 {
    margin: 0 auto .6em auto;
}

div.wrapper div.content.content-center > h4 {
margin-bottom: 1em;
margin-top: 2.1em;
}

img.text-wrap {
    width: 19%;
    float: left;
    margin: 7% 3% 5% -1%;
    shape-outside: circle(39%);
    position: relative;
    right: 0em;
    top: 0em;
}

/*Relacionados empilhados*/

.content-larger.relacionados {
margin-top: 5em;
max-width: 62.2vw;
}

img.fundo-relacionados.portait {
top: 75em;
}

div.thumbnail-relacionados a div.thumb {
float: none;
width: 100%;
/*margin-bottom: 6em;*/
margin-bottom: 10em;
}

div.thumbnail-relacionados a div.thumb figcaption {
font-family: "Oswald-Regular",sans-serif;
font-weight: 400;
font-size: 1.9em;
line-height: 1.3em;
margin-top: 0.3em;
text-align: center;
opacity: 1;
}

div.thumbnail-relacionados a div.thumb div.fundo {
display: block;
}

div.modal-box-container div.modal-box-content div.modal-box-text h6, div.wrapper div.content-center div.credits h6, div.wrapper div.content-center h6 {
background-color: #00000085;
padding: 1em;
color: #ffffff;
}


/**/

.agregador div.item-hover div.item-legendas h2 {
    font-size: 3.5em;
}

/**/

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
font-size: 2.7em;
}

.modal-lg,
.modal-xl {
max-width: 83%;
}

/**/

div.wrapper div.content.content-center > p span#first-letter {
    font-family: 'FrederickatheGreat-Regular', sans-serif;
    font-weight: 500;
    font-size: 707%;
    line-height: 30%;
    float: left;
    margin: 6% 2% 4% -1%;
    position: relative;
    right: 0em;
    top: 0em;
}

img.credits {
    width: 80%;
}


}






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

div.wrapper div.content-larger div.box-slideshow button div.arrow {
width: 50px;
height: 50px;
}

div.wrapper div.content-fullwidth div.box-slideshow button.button-display-left, div.wrapper div.content-center div.box-slideshow .button-display-left, div.wrapper div.content-larger div.box-slideshow button.button-display-left {
left: 1em;
}

div.wrapper div.content-fullwidth div.box-slideshow button.button-display-right, div.wrapper div.content-center div.box-slideshow button.button-display-right, div.wrapper div.content-larger div.box-slideshow button.button-display-right {
right: 1em;
}

div.wrapper div.content.content-center.last-content {
margin-top: 0em;
}


}


/*os dois contents ficam da mesma largura*/
@media only screen and (max-width : 768px) {

.content-center,
.content-larger,
.agregador {
max-width: 79.2vw;
width: 100%;
}



/*.content-center {
max-width: 70vw;
}

.content-larger {
width: 89.3%;
}*/

/*todas as margens iguais*/

div.wrapper div.content-center > p,
div.wrapper div.content-center > h2,
div.wrapper div.content-center > h3 {
line-height: 1.7em;
}

div.wrapper div.content.content-center > p {
font-size: 2.2em;
text-align: left;
line-height: 1.6em;
}

div.wrapper div.content-center .box figure.box-image figcaption, 
div.wrapper div.content-fullwidth figure.box-image figcaption, 
div.wrapper div.content-center .box .captions-media, 
div.wrapper div.content-fullwidth .box .captions-media {
font-size: 1.6em;
line-height: 1.2em;
}

div.wrapper div.content.content-center div.box div.box-text > p {
font-size: 2.01em;
letter-spacing: 0.001em;
}

/**/

div.wrapper div.content.content-center div.intro p.article_Signature.bordered {
    width: 65%;
}

/**/

img.text-wrap {
width: 20%;
float: left;
margin: 13% 4% 12% -1%;
shape-outside: circle(29%);
position: relative;
right: 0em;
top: 0em;
}


.agregador .item-hover {
width: 50%;
}

div.full-screen div.content div.content-text h1, div.wrapper section#introducao-small-devices div.content.content-center h1 {
    font-size: 5.9em;
    line-height: 1em;
    font-weight: 500;
    width: 89%;
}

}



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

div.full-screen div.content div.content-text div.credits, div.wrapper section#introducao-small-devices div.content.content-center div.credits {
width: 52%;
}

div.wrapper div.content.content-center > h4 {
margin-bottom: 8em;
margin-top: 2.1em;
}

div.full-screen div.content div.content-text h1, div.wrapper section#introducao-small-devices div.content.content-center h1 {
    font-size: 5.5em;
    line-height: 1em;
    font-weight: 500;
    width: 89%;
}

}



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

div.full-screen div.content div.content-text h1, div.wrapper section#introducao-small-devices div.content.content-center h1 {
font-size: 4.8em;
}

div.full-screen div.content div.content-text div.credits, div.wrapper section#introducao-small-devices div.content.content-center div.credits {
    width: 55%;
}

img.text-wrap {
width: 26%;
float: left;
margin: 15% 15% 18% 0%;
shape-outside: circle(21%);
position: relative;
right: 0em;
top: 0em;
}

/**/

div.thumbnail-relacionados a div.thumb figcaption {
font-size: 2em;
}

div.wrapper div.content.content-center > p span#first-letter {
    font-family: 'FrederickatheGreat-Regular', sans-serif;
    font-weight: 500;
    font-size: 707%;
    line-height: 46%;
    float: left;
    margin: 6% 2% 4% -1%;
    position: relative;
    right: 0em;
    top: 0em;
}

}






/*blockquotes no meio do texto passam a estar centradas*/
@media only screen and (max-width : 540px){

/*.content-larger {
width: 100%;
}*/

body {
font-size: 0.85rem;
}


div.top nav.collapse-navbar div.menu-two button, 
div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button {
font-size: 1.4em;
margin-left: 1.6em;
}

div.wrapper div.content.content-center div.box div.box-text > p {
font-size: 2.08em;
line-height: 1.4em;
}


footer div.content.content-center p {
font-size: 1.2em;
}

/**/

div.wrapper div.content-center div.credits h4 {
font-size: 1.55em;
}

div.full-screen div.module-centered h1 {
    font-size: 5.5em;
}




/**/

div.wrapper div.content.content-larger div.intro p.article_Signature.bordered {
padding: 0.2em 0 0.5em 0;
font-size: 2.9em;
}

div.wrapper div.content.content-larger div.intro h6 {
font-size: 2.01em;
-webkit-margin-before: -0.1em;
}

div.fullwidth-cover.only-small-devices div.box div.box-image figcaption, 
div.wrapper div.content-center div.box figure.box-image figcaption, 
div.wrapper div.content-fullwidth figure.box-image figcaption, div.wrapper div.content-larger figure.box-image figcaption, 
div.wrapper div.content-center div.box div.captions-media, div.wrapper div.content-fullwidth div.box div.captions-media, 
div.wrapper div.content-larger div.box div.captions-media, 
div.wrapper div.content-fullwidth div.box div.captions-media, 
div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides figcaption, 
div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides figcaption, 
div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption {
font-size: 2em;
}


div.full-screen div.content div.content-text h1, div.wrapper section#introducao-small-devices div.content.content-center h1 {
width: 95%;
}


}



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

.content-center,
.content-larger,
.agregador
/*div.top nav.collapse-navbar div.menu-one*/ {
max-width: 91.2vw;
margin-left: auto;
margin-right: auto;
}

.content-larger {
width: 100%;
}

div.top nav.collapse-navbar div.menu-one a.icon {
margin-right: 0em;
}

div.full-screen div.module-centered div.heading-container h1 {
font-size: 5em;
line-height: 1.1em;
}

/*entrada*/

div.wrapper div.content.content-larger div.intro p {
font-size: 2.5em;
line-height: 1.18em;
-webkit-margin-after: 0.6em;
}

div.wrapper div.content.content-larger div.intro p.article_Signature.bordered {
padding: 0.1em 0 0.3em 0;
font-size: 2.55em;
}

div.wrapper div.content-larger div.box-slideshow button div.arrow {
width: 45px;
height: 45px;
}

div.wrapper div.content.content-center div.intro p.article_Signature.bordered {
    width: 81%;
}

div.full-screen-intro#introducao div.content {
width: 77%;
}

/**/

div.full-screen div.content div.content-text div.credits, div.wrapper section#introducao-small-devices div.content.content-center div.credits {
    width: 58%;
}

div.wrapper section#introducao-small-devices div.content.content-center h1 {
    font-size: 5.2em;
    width: 99%;
    margin: 0 auto .8em auto;
}

img.entrada.only-small-devices {
width: 69%;
}

div.wrapper div.content.content-center > h4 {
    margin-bottom: 4em;
    margin-top: 2.1em;
}

img.text-wrap {
    width: 26%;
    float: left;
    margin: 19% 15% 18% 0%;
    shape-outside: circle(21%);
    position: relative;
    right: 0em;
    top: 0em;
}

div.wrapper div.content.content-center > h2 {
width: 100%;
}

div.wrapper div.content.content-center > h3 {
padding-top: 6em;
}


div.wrapper div.content-center div.credits {
text-align: center;
margin-top: 10em;
margin-bottom: 10em;
}

div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text h6, div.wrapper div.content-center div.credits h6, div.wrapper div.content-center h6 {
font-size: 1.1em;
}

/*div.full-screen div.full-screen-2 div.box.portrait {
display: block;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-42%, -51%);
}*/



div.wrapper div.content-center h6 {
margin: 0em auto 4.6em;
}

/**/

img.credits {
    width: 96%;
}


img.fundo-relacionados.portait {
    top: 89em;
}

/**/

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
font-size: 2.55em;
}

/**/

.modal-lg,
.modal-xl {
max-width: 100%;
}

}





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


div.wrapper div.content.content-larger div.intro p.article_Signature.bordered {
padding: 0.2em 0 0.4em 0;
font-size: 2.55em;
line-height: 0.9em;
}

div.wrapper div.content.content-larger div.intro h6 {
font-size: 1.89em;
}

div.wrapper div.content-fullwidth div.credits h6 {
font-size: 1.1em;
}

div.wrapper div.content-larger div.box-slideshow button div.arrow {
    width: 40px;
    height: 40px;
}


div.wrapper div.content.content-center div.intro p.article_Signature.bordered {
    width: 94%;
}

div.full-screen-intro#introducao div.content div.content-text h1 {
font-size: 2.4em;
line-height: 1.1em;
}

div.full-screen-intro#introducao div.content div.content-text {
margin-bottom: 5em;
}

/*div.wrapper section#introducao-small-devices div.content.content-center h1.large-devices {
display: none;
}

div.wrapper section#introducao-small-devices div.content.content-center h1.small-devices {
display: block;
}*/

div.wrapper section#introducao-small-devices div.content.content-center h1 {
    font-size: 4.5em;
    width: 99%;
    margin: 0 auto .8em auto;
}

img.entrada.only-small-devices {
width: 86%;
}

div.full-screen div.content div.content-text div.credits, div.wrapper section#introducao-small-devices div.content.content-center div.credits {
width: 64%;
}

img.text-wrap {
width: 33%;
float: left;
margin: 19% 15% 18% 0%;
shape-outside: circle(21%);
position: relative;
right: 0em;
top: 0em;
}

div.top nav.collapse-navbar div.menu-two.responsive a.back-to-index {
    font-size: 1.5em;
    line-height: 1.6em;
    padding-top: 1em;
}

div.top nav.collapse-navbar div.menu-two.responsive a.no-vertical-border, div.top nav.collapse-navbar div.menu-two.responsive button#creditsButton {
    display: table;
    border-right: 0.1em solid #ffffff00;
    font-size: 1.5em;
}


div.thumbnail-relacionados a div.thumb figcaption {
font-size: 2em;
}

img.fundo-relacionados.portait {
    top: 83em;
}

}





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

}






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

div.wrapper div.content-center div.back-to-top div.back-to-top-button::after {
left: 1.01em;
}

div.full-screen a.scrolldown-link.only-large-devices {
top: 90%;
}


div.wrapper div.content.content-center > h2 {
font-size: 3.9em;
line-height: 1.25em;
}

div.wrapper div.content.content-center > h3 {
line-height: 1.2em;
}

div.wrapper div.content-fullwidth div.credits h6 {
font-size: 1.1em;
}

div.wrapper div.content.content-center div.intro p.article_Signature.bordered {
font-size: 2.5em;
padding: 0.1em 0 0.3em 0;
line-height: 0.9em;
}

div.wrapper div.content.content-center > p span#first-letter {
margin-top: 3%;
}

div.full-screen-intro#introducao div.content div.content-text h1 {
font-size: 2.3em;
line-height: 1.2em;
}

div.full-screen-intro#introducao div.content {
width: 90%;
}

div.wrapper div.content-fullwidth div.box-slideshow button.button-display-right, 
div.wrapper div.content-center div.box-slideshow button.button-display-right, 
div.wrapper div.content-larger div.box-slideshow button.button-display-right {
right: 0em;
}

div.wrapper div.content-fullwidth div.box-slideshow button.button-display-left,
div.wrapper div.content-center div.box-slideshow .button-display-left,
div.wrapper div.content-larger div.box-slideshow button.button-display-left {
left: 0em;
}

/**/

div.wrapper section#introducao-small-devices div.content.content-center h1.only-large-devices {
display: none;
}

div.wrapper section#introducao-small-devices div.content.content-center h1.only-small-devices {
display: block;
}

img.text-wrap {
width: 33%;
float: left;
margin: 22% 15% 24% 0%;
shape-outside: circle(21%);
position: relative;
right: 0em;
top: 0em;
}

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote, div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
font-size: 3.1em;
}

div.wrapper div.content.content-center > h3 {
font-size: 1.8em;
}

img.fundo-relacionados.portait {
    top: 79em;
}

/**/

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
font-size: 2.2em;
}

div.full-screen div.content div.content-text div.credits,
div.wrapper section#introducao-small-devices div.content.content-center div.credits {
width: 74%;
}


div.wrapper div.content.content-center > p span#first-letter {
    margin-top: 6%;
    font-size: 571%;
}

div.wrapper section#introducao-small-devices div.content.content-center h1 {
font-size: 4.2em;
}

div.thumbnail-relacionados a div.thumb figcaption {
    font-size: 1.9em;
}

}





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

div.wrapper div.content.content-larger div.intro {
margin-top: -14em;
}


div.wrapper div.content.content-larger div.intro p.article_Signature.bordered {
padding: 0.3em 0 0.5em 0;
font-size: 2.55em;
line-height: 0.8em;
}

div.wrapper div.content.content-larger div.intro h6 {
    font-size: 2em;
    -webkit-margin-before: -0.2em;
}

div.wrapper div.content.content-larger div.intro p {
font-size: 2.3em;
line-height: 1.3em;
-webkit-margin-after: 0.6em;
}

div.wrapper div.content.content-center > p {
font-size: 2em;
}

div.wrapper div.content-larger div.box-slideshow button div.arrow {
width: 35px;
height: 35px;
}


div.wrapper div.content.content-center div.intro p {
font-size: 2.9em;
}

div.full-screen div.module-centered p {
font-size: 2.1em;
}

div.full-screen-intro#introducao div.content div.content-text h1 {
font-size: 2.2em;
line-height: 1.25em;
}

/**/

div.wrapper section#introducao-small-devices div.content.content-center h1 {
    font-size: 4em;
}

img.entrada.only-small-devices {
    width: 92%;
}

img.text-wrap {
    width: 33%;
    float: left;
    margin: 26% 15% 24% 0%;
    shape-outside: circle(21%);
    position: relative;
    right: 0em;
    top: 0em;
}

.agregador div.item-hover div.item-legendas h2 {
    font-size: 3.2em;
}

/**/

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
font-size: 2.1em;
}

div.thumbnail-relacionados a div.thumb figcaption {
    font-size: 1.8em;
}

}


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

.content-center,
.content-larger,
.agregador {
max-width: 86vw;
}

body {
/*font-size: 0.75rem;*/
font-size: 0.65rem;
}

div.wrapper div.content.content-center div.box div.box-text > p {
font-size: 2.18em;
line-height: 1.41em;
font-weight: 800;
}

div.wrapper div.content.content-center > p {
font-size: 2.5em;
line-height: 1.5em;
}

div.wrapper div.content-center div.box figure.box-image figcaption, 
div.wrapper div.content-fullwidth figure.box-image figcaption, 
div.wrapper div.content-larger figure.box-image figcaption, 
div.wrapper div.content-center div.box div.captions-media, 
div.wrapper div.content-fullwidth div.box div.captions-media, 
div.wrapper div.content-larger div.box div.captions-media, 
div.wrapper div.content-fullwidth div.box div.captions-media {
font-size: 2.2em;
line-height: 1.35em;
}


div.wrapper div.content-center p img.end-mark {
width: 11px;
}

div.wrapper div.content-center p, 
div.wrapper div.content-fullwidth p, 
div.wrapper div.content-larger p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0em;
-webkit-margin-end: 0em;
}

div.top nav.collapse-navbar div.menu-two button, 
div.top nav.collapse-navbar div.menu-two div.modal-box-container div.modal-box-content div.modal-box-text button {
font-size: 1.8em;
margin-left: 1em;
margin-right: 0.8em;
}


div.full-screen-intro#introducao div.content div.content-text h1 {
font-size: 2.8em;
line-height: 1.25em;
}

div.full-screen-intro#introducao div.content {
width: 86%;
}

div.top nav.collapse-navbar div.menu-one a.logo {
margin-left: 0.3em;
}

div.top nav.collapse-navbar div.menu-one button.openbtn {
    padding-right: 4em;
    padding-left: 0em;
}

/**/

div.full-screen div.content div.content-text div.credits cite, div.wrapper section#introducao-small-devices div.content.content-center div.credits cite, div.wrapper div.content-center div.credits cite {
font-size: 1.7em;
}

div.full-screen div.content div.content-text h4.data, div.wrapper section#introducao-small-devices div.content.content-center h4.data {
font-size: 1.5em;
}

div.wrapper div.content.content-center > h3 {
font-size: 2.5em;
}

div.wrapper div.content.content-center > h2 {
    font-size: 4.4em;
    line-height: 1.2em;
}

/**/

div.wrapper div.content.content-fullwidth div.box div.box-blockquote blockquote,
div.wrapper div.content.content-larger div.box div.box-blockquote blockquote {
font-size: 1.9em;
}

div.full-screen div.content div.content-text div.credits, div.wrapper section#introducao-small-devices div.content.content-center div.credits {
    width: 88%;
}

div.wrapper div.content.content-center > p span#first-letter {
    margin-top: 6%;
    font-size: 538%;
}

}