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

div.full-screen#menu-01 {
display: block;
}

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

.link-menu-portrait {
display: none;
}

.link-menu-landscape {
display: block;
}

}





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

div.video-intro.landscape {
display: none;
}

div.video-intro.portrait {
display: block;  
}

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

div.full-screen#menu-02 {
display: block;
}

.link-menu-portrait {
display: block;
}

.link-menu-landscape {
display: none;
}

div.full-screen#menu-02 a.scroll-link {
top: 96%;
}

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

div.video-intro div.box div.box-video div.video-overlay {
    position: absolute;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    display: block;
    background-attachment: scroll;
    cursor: pointer;
    width: 100%;
    height: 109%;
    backface-visibility: visible;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    background-size: contain;
    -webkit-background-size:contain ;
    -moz-background-size: contain;
    -o-background-size: contain;
    top: -8%;
}

.agregador {
    position: absolute;
    max-width: 64.1vw;
    
    top: 5%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 7.2%);
/*height: 100vw;*/
    height: 83%;
}

.agregador .item-hover {
    width: 100%;
    height: 33.3%;
    display: inline-flex;
}

    
}












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


@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 .item-hover .item-legendas {
top: 83%;
}

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

.agregador {
top: -3%;
}

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,
div.wrapper div.content-center.last-content a.scroll-link {
top: 96%;
}

div.wrapper div.content.content-center > p span#first-letter {
font-size: 12em;
padding-right: 1%;
}


}



@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 .item-hover .item-legendas {
top: 82%;
}

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

.agregador {
top: -3%;
}

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,
div.wrapper div.content-center.last-content a.scroll-link {
top: 96%;
}

div.wrapper div.content.content-center > p span#first-letter {
font-size: 12em;
padding-right: 1%;
}


}







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

div.wrapper div.content.content-center > p span#first-letter {
font-size: 13em;
padding-right: 1%;
line-height: 68.9%;
}
                    
}


@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 .item-hover .item-legendas {
top: 78%;
}

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



}




@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 .item-hover .item-legendas {
top: 78%;
}

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, div.wrapper div.content-center.last-content a.scroll-link {
    top: 90%;
}


}


@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 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 .item-hover .item-legendas {
top: 78%;
}

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

}



@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 .item-hover .item-legendas {
top: 80%;
}

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

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

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

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

div.wrapper div.content.content-center > h2 span.chapters {
line-height: 1.8em;
}

div.wrapper div.content.content-center > p span#first-letter {
font-size: 11em;
}

}




@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 .item-hover .item-legendas {
top: 83%;
}

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

div.wrapper div.content.content-center > p span#first-letter {
line-height: 73%;
font-size: 10em;
margin-left: -0.05em;
}

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

div.full-screen div.content div.content-text div.credits.only-large-devices {
display: none;
}

div.full-screen div.content div.content-text div.credits.only-small-devices {
display: block;
}

div.full-screen div.content div.content-text div.credits {
padding: 0.7em 0 0.5em 0;
width: 100%;
}

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

}


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

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

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

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

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

.agregador {
top: 3%;
}

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


}






@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 .item-hover .item-legendas {
top: 75%;
width: 92%;
}

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


/*.agregador {
max-width: 78.1vw;
}*/

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

}


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


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

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

/*.agregador {
max-width: 62.1vw;
}*/

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

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


}



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


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

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

div.video-intro div.box div.box-video div.video-overlay {
height: 100%;
top: 0%;
}

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

}



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

.agregador .item-hover .item-legendas {
top: 80%;
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 {
font-size: 1.8em;
line-height: 1.2em;
display: block;
}

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.top nav.collapse-navbar div.menu-two a.back-to-index, div.top nav.collapse-navbar div.menu-two button {
padding-top: 0.7em;
}

.agregador .item-hover .item-legendas {
top: 73%;
width: 96%;
}

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


}


/*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.wrapper div.content-center div.credits {
margin-top: 10em;
}

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 {

}


}



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

.content-center,
.content-larger,
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.logo {
margin-left: -1.35em;
}

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;
    margin-top: 8em;
}

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


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

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

div.wrapper div.content-center div.credits h4, div.wrapper div.content-center div.credits cite {
    font-size: 2em;
    line-height: 1.2em;
    display: block;
}

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

/*.agregador {
max-width: 80vw;
}*/

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

div.full-screen a.scroll-link div.scrolldown, div.full-screen-intro#introducao1 a.scroll-link div.scrolldown-two, div.wrapper div.content-center.content a.scroll-link div.scrolldown, div.full-screen#video a.scroll-link div.scrolldown-two, div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup, div.wrapper div.content-center.last-content a.scroll-link div.scrollup, div.wrapper div.content-center a.scroll-link div.scrollup {
width: 61px;
height: 39px;
}

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

div.wrapper div.content.content-center > p span#first-letter {
    line-height: 79%;
    margin-bottom: 0%;
    font-size: 9.8em;
}

div.wrapper div.content-center div.credits h4, div.wrapper div.content-center div.credits cite {
font-size: 1.6em;
line-height: 0.9em;
}

div.wrapper div.content.content-center > h5 {
margin-top: 1.9em;
margin-bottom: 1.9em;
}

div.wrapper div.content.content-center.last-content {
    margin-top: 3em;
    margin-bottom: 7.5em;
}

div.wrapper div.content-center div.credits {
margin-top: 5em;
margin-bottom: 4.5em;
}

div.wrapper div.content.content-center > h5 {
    margin-top: 1.2em;
    margin-bottom: 1.1em;
}

}



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


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


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

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

div.full-screen a.scroll-link div.scrolldown, div.full-screen-intro#introducao1 a.scroll-link div.scrolldown-two, div.wrapper div.content-center.content a.scroll-link div.scrolldown, div.full-screen#video a.scroll-link div.scrolldown-two, div.wrapper div.content-center.last-content div.credits a.scroll-link div.scrollup, div.wrapper div.content-center.last-content a.scroll-link div.scrollup {
width: 55px;
height: 30px;
}



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, div.wrapper div.content-center.last-content a.scroll-link {
    top: 95%;
}

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

div.wrapper div.content.content-center > p span#first-letter {
    line-height: 78%;
    margin-bottom: 0%;
    font-size: 8em;
}

}





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

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, div.wrapper div.content-center.last-content a.scroll-link {
    top: 90%;

}

div.wrapper div.content.content-center > h3 {
font-size: 2.4em;
line-height: 1.2em;
margin-bottom: -1.2em;
}

div.video-intro div.box div.box-video div.video-overlay {
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

}




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


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

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

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

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


div.wrapper div.content.content-center > h2 {
font-size: 3.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 > 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.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 div.content-center div.credits h4, div.wrapper div.content-center div.credits cite {
    font-size: 1.5em;
    line-height: 1.2em;
    margin-top: -0.2em;
}


}


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

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

div.top nav.collapse-navbar div.menu-one a.logo, div.top nav.collapse-navbar div.menu-two button {
    padding-left: 1em;
    padding-right: 1em;
}

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

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

div.wrapper div.content-center div.credits h4, div.wrapper div.content-center div.credits cite {
    font-size: 2.2em;
    line-height: 1.2em;
    display: block;
}

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

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

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

div.wrapper div.content.content-center > h2 {
padding-top: 2.5em;
}

div.wrapper div.content.content-center > p span#first-letter {
    line-height: 84%;
    margin-bottom: 0%;
    font-size: 7em;
    padding-right: 2%;
}

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

div.wrapper div.content.content-center > h3 span.infografia-subh3 {
padding-top: 0em;
}

div.video-intro div.box div.box-video div.video-overlay {
    background-size:contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

}