@media (orientation: landscape) {

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

div.full-screen div.full-screen-image.landscape,
div.full-screen div.module-centered.landscape { 
display: block;
}

div.full-screen div.content a.scroll-link {
bottom: 2.2em;
}

}





@media (orientation: portrait) {

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

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

div.full-screen div.module-centered.portait {
}


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

div#myContent {
display: block;
}
    
}












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


@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;
}

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

.agregador .item-hover figure div.fundo {
height: 33%;
}

div.wrapper div.content-introducao {
width: 32%;
}

.agregador .item-hover .item-legendas {
width: 66%;
}

div.full-screen div.content div.content-text h1,
div.wrapper div.content-introducao div.content-text h1,
div.wrapper div.content.content-center.intro2 h1,
div.wrapper div.content.content-center h1 {
font-size: 8em;
line-height: 1em;
}


}



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

body {
font-size: 1.01rem;
}

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

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

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

.agregador .item-hover figure div.fundo {
height: 33%;
}


div.wrapper div.content-introducao {
width: 39%;
}

.agregador .item-hover .item-legendas {
width: 66%;
}

div.full-screen div.content div.content-text h1,
div.wrapper div.content-introducao div.content-text h1,
div.wrapper div.content.content-center.intro2 h1,
div.wrapper div.content.content-center h1 {
font-size: 8em;
line-height: 1em;
}



}







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

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

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

}



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

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

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

div.wrapper div.content-introducao {
    width: 45%;
}

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

.agregador .item-hover .item-legendas {
width: 85%;
}
                    
}


@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%;
}*/

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

.agregador .item-hover figure div.fundo {
height: 43%;
}

div.wrapper div.content-introducao {
    width: 49%;
}

.agregador .item-hover .item-legendas {
width: 84%;
}

}




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

body {
font-size: 1rem;
}

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

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

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


}


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

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

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

/*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,
,
div.wrapper div.content-larger 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;
}

/*creditos*/

div.wrapper div.content-fullwidth div.credits {
padding-top: 4em;
padding-bottom: 3em;
}

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

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;
}

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

.agregador .item-hover figure div.fundo {
height: 43%;
}

div.wrapper div.content-introducao {
width: 66%;
}

}



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

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

/*.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;
}

section#Iparte-a-noite div.content.content-center div.intro p.article_Signature.bordered {
padding: 0.23em 0 0.49em 0;
line-height: 91%;
}

/**/


div.wrapper div.content-center div.credits cite {
font-size: 1.6em;
}

div.wrapper div.content-center div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption span.pre-figcaption, div.wrapper div.content-fullwidth div.box div.box-slideshow.slider div.mySlides div.caption-background figcaption span.pre-figcaption, div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides figcaption span.pre-figcaption, div.wrapper div.content-fullwidht div.box figure.box-image figcaption span.pre-figcaption, div.wrapper div.content-larger div.box figure.box-image figcaption span.pre-figcaption, div.wrapper div.content-center div.box figure.box-image figcaption span.pre-figcaption {
font-size: 0.9em;
}

div.full-screen div.module-centered.landscape {
    width: 28%;
    left: 28%;
    top: -26%;
}

div.wrapper div.content.content-center div.intro.primeira {
display: none;
}

div.wrapper div.content.content-center div.intro.segunda {
display: block;
}

.agregador {
    width: 80%;
}

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

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


.agregador .item-hover figure div.fundo {
height: 34%;
}

.agregador .item-hover .item-legendas {
width: 75%;
}

}




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

div.wrapper div.content.content-center > p span#first-letter {
line-height: 40%;
}

}









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

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

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

/*blockquote*/

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


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 {
width: 60%;
}

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


.agregador .item-hover figure div.fundo {
height: 33%;
}

div.wrapper div.content-introducao {
width: 67%;
}

.agregador .item-hover .item-legendas {
width: 75%;
}

}


/*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;
}

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 cite {
font-size: 1.4em;
line-height: 1.6em;
}

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;
}


div.full-screen-intro#introducao1 div.content {
width: 48%;
}

/**/

.agregador {
margin-left: auto;
margin-right: auto;
max-width: 81.1vw;
width: 100%;
}

.agregador .item-hover {
    /*width: 33.33%;*/
    width: 32.9%;
}

.agregador .item-hover .item-legendas {
width: 92%;
}

.agregador .item-hover figure div.fundo {
height: 49%;
}

div.wrapper div.content-introducao {
width: 77%;
}

div.full-screen div.content div.content-text h1, 
div.wrapper div.content-introducao div.content-text h1, div.wrapper div.content.content-center.intro2 h1, div.wrapper div.content.content-center h1 {
font-size: 6.5em;
}

div.wrapper div.content-introducao div.content-text div.credits {
margin: 4em auto 5.5em auto;
}


.agregador .item-hover .item-legendas {
width: 95%;
}

.agregador a div.item-hover div.item-legendas h2 {
    font-size: 2em;
    font-size: 1.7em;
}

div.full-screen div.content div.content-text p, div.wrapper div.content-introducao div.content-text p, div.wrapper div.content.content-center p {
font-size: 2.7em;

}

div.wrapper div.content-introducao {
    width: 65%;
}



}






@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.full-screen-intro#introducao1 div.content {
    width: 50%;
}

img.text-wrap {
width: 12%;
}

div.wrapper div.content.content-center div.intro {
margin-bottom: 7em;
}

/**/

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

.agregador .item-hover figure div.fundo {
height: 49%;
}

div.top nav.collapse-navbar div.menu-two a:nth-child(1) {
margin-right: 2em;
}

div.top nav.collapse-navbar div.menu-two a:nth-child(2) {
margin-left: 2em;
}

.agregador .item-hover .item-legendas {
width: 99%;
}

div.wrapper div.content-center div.credits {
margin-top: 6em;
margin-bottom: 5.2em;
}

div.full-screen div.content div.content-text p, div.wrapper div.content-introducao div.content-text p, div.wrapper div.content.content-center p {
    font-size: 2.4em;
}

div.full-screen div.content div.content-text h1, div.wrapper div.content-introducao div.content-text h1, div.wrapper div.content.content-center.intro2 h1, div.wrapper div.content.content-center h1 {
font-size: 6.2em;
}


}


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

.content-center,
.content-larger {
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-larger 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%;
}


div.full-screen-intro#introducao1 div.content {
    width: 53%;
}

img.text-wrap {
width: 13.2%;
margin: 48px 22px 0px 0px;
}


div.wrapper div.content.content-center div.intro p.article_Signature.bordered {
margin: 4em auto 0 auto;
}

/**/

div.full-screen div.content div.content-text h1, 
div.full-screen div.content div.content-text p, 
div.wrapper div.content.content-center.intro2 h1 {
font-size: 2.6em;
}

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

.agregador a div.item-hover div.item-legendas h2 {
    font-size: 1.7em;
    letter-spacing: 0em;
}

.agregador .item-hover .item-legendas {
width: 93%;
}

.agregador .item-hover figure div.fundo {
height: 49%;
}

/**/

div.wrapper div.content-introducao {
    width: 72%;
}

div.full-screen div.content div.content-text h1, div.wrapper div.content-introducao div.content-text h1, div.wrapper div.content.content-center.intro2 h1, div.wrapper div.content.content-center h1 {
font-size: 5.5em;
}

div.full-screen div.content div.content-text p, div.wrapper div.content-introducao div.content-text p, div.wrapper div.content.content-center p {
font-size: 2.4em;
}

div.full-screen div.content div.content-text div.credits cite, div.wrapper div.content-introducao div.content-text div.credits cite, div.wrapper div.content-center div.credits cite {
font-size: 1.5em;
}

div.wrapper div.content-introducao div.content-text div.credits {
    margin: 4em auto 3.5em auto;
}


/* fechar redes sociais */

div.top nav.collapse-navbar div.menu-two div.share-social-media.only-large-devices {
display: none;
}

div.top nav.collapse-navbar div.menu-one button.openbtn.only-small-devices {
display: block;
}

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

div.filet-img.only-small-devices {
display:block;
}

/**/


}



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


div.full-screen-intro#introducao1 div.content {
width: 55%;
}

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


div.wrapper div.content.content-center div.intro {
margin-top: 0em;
margin-bottom: 6em;
}

div.wrapper div.content.content-center 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: 14%;
    margin: 49px 22px 0px 0px;
}

/**/



div.full-screen div.content div.content-text h1, div.full-screen div.content div.content-text p, div.wrapper div.content.content-center.intro2 h1 {
font-size: 2.5em;
}

div.full-screen div.content {
width: 67%;
}

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

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

.agregador .item-hover .item-legendas {
width: 95%;
}

.agregador .item-hover figure div.fundo {
height: 53%;
}


div.wrapper div.content-introducao div.content-text div.credits {
width: 83%;
}

/**/

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



div.wrapper div.content-introducao {
    width: 62%;
}

}



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

.agregador {
max-width: 94.1vw;
}

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

.agregador .item-hover .item-legendas {
width: 92%;
}

.agregador .item-hover figure div.fundo {
height: 38%;
}

div.wrapper div.content-center div.credits.only-large-devices {
display: none;
}


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

div.wrapper div.content-center div.credits h4, div.wrapper div.content-center div.credits cite {
    display: block;
    letter-spacing: -0.01em;
}

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.2em;
}

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

.agregador .item-hover .item-legendas {
width: 82%;
}

div.wrapper div.content-introducao {
    width: 78%;
}

div.full-screen div.content div.content-text h1,
div.wrapper div.content-introducao div.content-text h1, div.wrapper div.content.content-center.intro2 h1, div.wrapper div.content.content-center h1 {
font-size: 7.1em;
}


div.wrapper div.content-introducao div.content-text div.credits {
    width: 68%;
}

/**/

.agregador .item-hover .item-legendas {
width: 83%;
}

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


}


/*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.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, 
div.wrapper div.content-center div.credits cite {
font-size: 1.55em;
}

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

div.full-screen div.module-centered {
    top: 68%;
}


/**/

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,
div.wrapper div.content-larger figcaption {
font-size: 2em;
}

div.top nav.collapse-navbar div.menu-one a, 
div.top nav.collapse-navbar div.menu-one a.back-to-index, 
div.top nav.collapse-navbar div.menu-one div.share-social-media a, 
div.top nav.collapse-navbar div.menu-two a, 
div.top nav.collapse-navbar div.menu-two h2, 
div.top nav.collapse-navbar div.menu-two h3, 
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, 
div.top nav.collapse-navbar div.menu-two div.share-social-media a {

}

/**/

div.full-screen div.content div.content-text div.credits cite, div.wrapper div.content-introducao div.content-text div.credits cite, div.wrapper div.content-center div.credits cite {
font-size: 1.4em;
line-height: 1.4em;
}

div.wrapper div.content-introducao div.content-text div.credits {
    margin: 3.5em auto 3.5em auto;
}

div.wrapper div.content-introducao {
    width: 84%;
}

div.full-screen div.content div.content-text h1,
div.wrapper div.content-introducao div.content-text h1,
div.wrapper div.content.content-center.intro2 h1,
div.wrapper div.content.content-center h1 {
font-size: 7.1em;
font-family: Firme-Book, sans-serif;
}

.agregador .item-hover .item-legendas {
width: 83%;
}


}



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

.content-center,
.content-larger {
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.wrapper div.content-center div.credits {
width: 80%;
margin-left: auto;
margin-right: auto;
}

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

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

div.full-screen-intro#introducao1 {
display: block;
}


.prev, .next {
font-size: 34px;
}


div.full-screen-intro#introducao1 div.content {
    width: 69%;
}

img.text-wrap {
    width: 16.1%;
    margin: 43px 17px 0px 0px;
}

div.wrapper div.content.content-center div.intro {
margin-bottom: 7em;
}

img.text-wrap {
    width: 16.1%;
    margin: 43px 20px 0px 0px;
}

/**/

div.wrapper div.content-introducao {
    width: 80%;
}

/**/

div.full-screen div.content div.content-text p, div.wrapper div.content-introducao div.content-text p, div.wrapper div.content.content-center p {
    font-size: 2.4em;
    line-height: 1.25em;
}

div.full-screen div.content div.content-text h1, div.wrapper div.content-introducao div.content-text h1, div.wrapper div.content.content-center.intro2 h1, div.wrapper div.content.content-center h1 {
font-size: 6.8em;
}

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

.agregador .item-hover .item-legendas {
width: 85%;
}

}



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



}



@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 cite {
font-size: 1.2em;
}

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

div.wrapper div.content-fullwidth div.credits cite {
font-size: 1.3em;
line-height: 1.4em;
margin-top: 0.5em;
}

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.full-screen div.module-centered.portait {
top: 18%;
}

div.full-screen a.scroll-link, div.full-screen-intro#introducao1 a.scroll-link, div.full-screen#video a.scroll-link, div.wrapper div.content-center.last-content div.credits a.scroll-link {
    bottom: -48px;
}

div.full-screen-intro#introducao1 div.content {
    width: 79%;
}

img.text-wrap {
    width: 18.7%;
    margin: 42px 18px 0px 0px;
}

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

.agregador {
max-width: 95vw;
}

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

.agregador .item-hover .item-legendas {
width: 92%;
}

.agregador .item-hover figure div.fundo {
    height: 50%;
}

/**/

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

div.wrapper div.content-introducao div.content-text h1.only-large-devices {
display: none;
}

div.wrapper div.content-introducao div.content-text div.credits {
    width: 92%;
}

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

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

/**/

.agregador .item-hover .item-legendas {
width: 92%;
}

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

div.full-screen div.content div.content-text p, div.wrapper div.content-introducao div.content-text p, div.wrapper div.content.content-center p {
    font-size: 2.2em;
}

div.wrapper div.content-introducao {
    width: 81%;
}

div.full-screen div.content div.content-text h1, div.wrapper div.content-introducao div.content-text h1, div.wrapper div.content.content-center.intro2 h1, div.wrapper div.content.content-center h1 {
font-size: 6.5em;
}


}





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

div.full-screen div.module-centered.portait {
    top: 15%;
}

div.full-screen-intro#introducao1 div.content {
    width: 71%;
}

.agregador .item-hover .item-legendas {
width: 92%;
}

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

}






@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 > h3 {
line-height: 1.2em;
}

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

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;
}

.content-larger.barra1 {
    margin-top: 5em;
}

div.full-screen-intro#introducao1 div.content {
    width: 75%;
}

img.text-wrap {
width: 21%;
margin: 41px 17px 0px 0px;
}

.agregador {
max-width: 91.5vw;
}

.agregador .item-hover {
/* width: 50%; */
width: 100%;
margin-bottom: 1em;
}

div.full-screen div.content {
    width: 81%;
}

div.full-screen div.content div.content-text h1, div.full-screen div.content div.content-text p, div.wrapper div.content.content-center.intro2 h1 {
font-size: 2.4em;
}

div.full-screen div.content div.content-text div.credits {
width: 99%;
margin: 3em auto 0 auto;
}

div.full-screen div.content div.content-text h4.data {
margin-top: 16em;
}

/**/

.agregador .item-hover .item-legendas {
width: 81%;
}

/**/

div.full-screen div.content div.content-text p, div.wrapper div.content-introducao div.content-text p, div.wrapper div.content.content-center p {
    /*font-size: 2.4em;*/
     font-size: 2.8em;
}

div.wrapper div.content-introducao {
    width: 84%;
}

.agregador a div.item-hover div.item-legendas h2 {
    /*font-size: 2.3em;*/
        font-size: 2.8em;
}

.agregador .item-hover .item-legendas {
    transform: translate(-50%, -50%);
    width: 84%;
    top: 80%;
}

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

div.wrapper div.content.content-center > h3.veja-mais {
font-size: 1.7em;
}

}





@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 > h3 {
line-height: 1.2em;
font-size: 2.8em;
}

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 div.content.content-center > h2 {

    font-size: 4.8em;

}

div.full-screen-intro#introducao1 div.content {
    width: 78%;
}

img.text-wrap {
    width: 20.1%;
    margin: 38px 17px 0px 0px;
}

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

div.wrapper div.content.content-center h2#h2-III {
width: 74%;
    margin-left: auto;
    margin-right: auto;
}

/**/

div.wrapper {
padding-top: 9em;
}

div.full-screen div.content div.content-text p, div.wrapper div.content-introducao div.content-text p, div.wrapper div.content.content-center p {
    margin-top: 0.8em;
    margin-bottom: 1em;
}

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


}


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

.content-center,
.content-larger {
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-larger 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.wrapper div.content.content-center > h3 {
margin-bottom: -0.85em;
line-height: 1.4em;
font-size: 2.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.full-screen div.module-centered.portait {
top: 16%;
}


div.full-screen-intro#introducao1 div.content {
width: 66%;
}

img.text-wrap {
width: 22.1%;
margin: 25px 16px 0px 0px;
}

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.4em;
}

.agregador a div.item-hover div.item-legendas h2 {
/*font-size: 2.5em;*/
font-size: 3em;
}

div.thumbnail-relacionados a div.thumb figcaption {
line-height: 1.2em;
}

div.full-screen div.content div.content-text p, div.wrapper div.content-introducao div.content-text p, div.wrapper div.content.content-center p {
/* font-size: 2.4em; */
font-size: 3em;
}

div.full-screen div.content div.content-text h1, div.wrapper div.content-introducao div.content-text h1, div.wrapper div.content.content-center.intro2 h1, div.wrapper div.content.content-center h1 {
font-size: 7.5em;
}

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

div.wrapper div.content.content-center > h3.veja-mais {
font-size: 1.9em;
}

div.wrapper {
padding-top: 9em;
}

.agregador .item-hover .item-legendas {
transform: translate(-50%, -50%);
width: 84%;
}

}