@media (orientation: landscape) {

.portait { 
display: none; 
}

.landscape { 
display: block;
}

}





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






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

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



.agregador .item-hover .item-legendas {
    font-size: 1.75em;
    top: 78%;
}

}


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

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

.agregador .item-hover .item-legendas {
top: 72%;
}

}




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

body {
font-size: 1.1rem;
}

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

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

/**/

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

/*.agregador a {
width: 18.4%;
}

.agregador a:nth-child(5),
.agregador a:nth-child(10),
.agregador a:nth-child(15),
.agregador a:nth-child(20),
.agregador a:nth-child(25),
.agregador a:nth-child(30),
.agregador a:nth-child(35),
.agregador a:nth-child(40),
.agregador a:nth-child(45),
.agregador a:nth-child(50),
.agregador a:nth-child(55),
.agregador a:nth-child(60),
.agregador a:nth-child(65),
.agregador a:nth-child(70),
.agregador a:nth-child(75),
.agregador a:nth-child(80),
.agregador a:nth-child(85),
.agregador a:nth-child(90),
.agregador a:nth-child(95),
.agregador a:nth-child(100) {
margin-right: 0;
}*/



.agregador a div.item-hover div.item-legendas p {
font-size: 0.9em;
line-height: 1em;
}


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: 8.9em;
}

}



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

body {
font-size: 1.01rem;
}

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

.content-larger {
width: 47.2%;
}


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

/*.agregador a {
width: 23.5%;
}

.agregador a:nth-child(4),
.agregador a:nth-child(8),
.agregador a:nth-child(12),
.agregador a:nth-child(16),
.agregador a:nth-child(20),
.agregador a:nth-child(24),
.agregador a:nth-child(28),
.agregador a:nth-child(32),
.agregador a:nth-child(36),
.agregador a:nth-child(40),
.agregador a:nth-child(44),
.agregador a:nth-child(48),
.agregador a:nth-child(52),
.agregador a:nth-child(56),
.agregador a:nth-child(60),
.agregador a:nth-child(64),
.agregador a:nth-child(68),
.agregador a:nth-child(72),
.agregador a:nth-child(76),
.agregador a:nth-child(80),
.agregador a:nth-child(84),
.agregador a:nth-child(88),
.agregador a:nth-child(92),
.agregador a:nth-child(96),
.agregador a:nth-child(100) {
margin-right: 0;
}*/




.agregador .item-hover .item-legendas {
font-size: 1.5em;
width: 68%;
top: 71%;
 
}

}







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

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

.content-larger {
width: 48.4%;
}

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

}



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

.agregador .item-hover .item-legendas {
width: 76%;
top: 70%;
font-size: 1.2em;
}

.agregador a div.item-hover div.item-legendas h2 {
margin: 0 auto 0.6em auto;
}
                    
}


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


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


}




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

.agregador a .item-hover img.only-large-devices {
display: none;
display: block;
}

.agregador a .item-hover img.only-small-devices {
display: block;
display: none;
}

.hvr-bounce-to-top:before {
display: none;
display: block;
}


.agregador .item-hover .item-legendas {
    width: 90%;
    top: 70%;
    font-size: 1.3em;
}

.agregador a div.item-hover div.item-legendas p {
font-size: 1em;
opacity: .8;
}


}


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

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

.content-larger {
width: 70%;
}


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


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

/*trinco*/

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

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


/**/

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



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

img.credits {
    display: block;
    width: 61%;
}



.agregador .item-hover .item-legendas {
top: 69%;
font-size: 1em;
width: 80%;
}


}



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

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

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

/**/

/*.agregador a {
width: 31.3%;
margin: 0 2% 2% 0;
}


.agregador a:nth-child(4),
.agregador a:nth-child(8),
.agregador a:nth-child(12),
.agregador a:nth-child(16),
.agregador a:nth-child(20),
.agregador a:nth-child(24),
.agregador a:nth-child(28),
.agregador a:nth-child(32), 
.agregador a:nth-child(36), 
.agregador a:nth-child(40), 
.agregador a:nth-child(44), 
.agregador a:nth-child(48), 
.agregador a:nth-child(52), 
.agregador a:nth-child(56), 
.agregador a:nth-child(60), 
.agregador a:nth-child(64), 
.agregador a:nth-child(68), 
.agregador a:nth-child(72), 
.agregador a:nth-child(76),
.agregador a:nth-child(80),
.agregador a:nth-child(84),
.agregador a:nth-child(86),
.agregador a:nth-child(89),
.agregador a:nth-child(90),
.agregador a:nth-child(94), 
.agregador a:nth-child(98),
.agregador a:nth-child(4),
.agregador a:nth-child(8),
.agregador a:nth-child(12),
.agregador a:nth-child(16),
.agregador a:nth-child(20),
.agregador a:nth-child(24),
.agregador a:nth-child(28),
.agregador a:nth-child(32),
.agregador a:nth-child(36),
.agregador a:nth-child(40),
.agregador a:nth-child(44),
.agregador a:nth-child(48),
.agregador a:nth-child(52),
.agregador a:nth-child(56),
.agregador a:nth-child(60),
.agregador a:nth-child(64),
.agregador a:nth-child(68),
.agregador a:nth-child(72),
.agregador a:nth-child(76),
.agregador a:nth-child(80),
.agregador a:nth-child(84),
.agregador a:nth-child(88),
.agregador a:nth-child(92),
.agregador a:nth-child(96),
.agregador a:nth-child(100) {
margin-right: 2%;
}



.agregador a:nth-child(3),
.agregador a:nth-child(6),
.agregador a:nth-child(9),
.agregador a:nth-child(12),
.agregador a:nth-child(15),
.agregador a:nth-child(18),
.agregador a:nth-child(21),
.agregador a:nth-child(24),
.agregador a:nth-child(27),
.agregador a:nth-child(30),
.agregador a:nth-child(33),
.agregador a:nth-child(36),
.agregador a:nth-child(39),
.agregador a:nth-child(42),
.agregador a:nth-child(45),
.agregador a:nth-child(48),
.agregador a:nth-child(51),
.agregador a:nth-child(54),
.agregador a:nth-child(57),
.agregador a:nth-child(60),
.agregador a:nth-child(63), 
.agregador a:nth-child(66),
.agregador a:nth-child(69),
.agregador a:nth-child(72),
.agregador a:nth-child(75),
.agregador a:nth-child(78),
.agregador a:nth-child(81),
.agregador a:nth-child(84),
.agregador a:nth-child(87),
.agregador a:nth-child(90),
.agregador a:nth-child(93), 
.agregador a:nth-child(96),
.agregador a:nth-child(99),
.agregador a:nth-child(92),
.agregador a:nth-child(95),
.agregador a:nth-child(98),
.agregador a:nth-child(102) {
margin-right: 0;
}*/





.intro-abertura {
width: 80%;
}

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

.agregador a div.item-hover div.item-legendas p {
    font-size: 1.2em;
    opacity: .8;
}

.hvr-bounce-to-top:before {
    background: linear-gradient(
180deg
, rgba(2,0,36,1) 0%, rgba(255,55,55,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(
180deg
, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 85%);
}

.intro-abertura .left h2 {
font-size: 4.2em;
}

.intro-abertura .right {
margin-top: 1em;
}

.agregador a {
    position: relative;
    width: 33%;
    float: left;
}

}




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


.bandeira {
height: 6em;
}



.bandeira h1 {
    text-align: center;
    padding: 0;
    top: 4.2em;
    position: relative;
    display: block;
    font-size: 1.5em;
}



div.full-screen a.scroll-link div.scrolldown, div.full-screen#introducao a.scroll-link div.scrolldown-two, div.wrapper div.content-center 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: 8em;
    height: 7em;
}

.intro-abertura {
    width: 82%;
}


}


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

div.wrapper div.content.content-center > p span#first-letter {
    font-family: 'GlosaDisplay-Medium';
    font-size: 9.5em;
    float: left;
    padding: 0;
    display: block;
    line-height: 80%;
    padding-right: 1%;
    color: #929787;
    margin-left: -0.05em;
    font-weight: 100;
}

}





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


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

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

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

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




/**/

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

/**/

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



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

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

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: 9em;
line-height: .8em;
}

/**/

div.thumbnail-relacionados {
    position: relative;
    width: 50%;
    margin: 0 auto;
    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, div.wrapper div.content-larger h6 {
font-size: 1.1em;
}

.bandeira {
    width: 26%;
}

.intro-abertura .left h2 {
    font-size: 3.9em;
}

.intro-abertura .left, .intro-abertura .right {
    width: 48.5%;
}

.intro-abertura {
    width: 88%;
}

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

}






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


.agregador a {
    position: relative;
    width: 50%;
    float: left;
}

.intro-abertura .left h2 {
    font-size: 3.8em;
}

.intro-abertura .left, .intro-abertura .right {
    width: 48.5%;
}


}



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

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

.agregador a {
    position: relative;
    width: 50%;
    float: left;
}

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


div.wrapper div.content.content-center > p span#first-letter {
    font-family: 'GlosaDisplay-Medium';
    font-size: 10.2em;
    float: left;
    padding: 0;
    display: block;
    line-height: 76%;
    padding-right: 1%;
    color: #929787;
    margin-left: -0.05em;
    font-weight: 100;
}

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





.intro-abertura .right {
    margin-top: .8em;
}

.agregador .item-hover .item-legendas {
    font-size: 1.25em;
    top: 79%;
    width: 70%;
}

.agregador a div.item-hover div.item-legendas p {
    font-size: .99em;
    opacity: .8;
    margin: 0em 0 1.5em;
}

}



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

.agregador .item-hover .item-legendas {
font-size: 1.2em;
top: 87%;
}

.agregador a div.item-hover div.item-legendas p {
    font-size: 0.95em;
    line-height: 1em;
    margin: 0.35em 0 0.35em;
}

.agregador .item-hover .item-legendas {
    font-size: 1.3em;
    top: 70%;
    width: 75%;
}

}



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


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

/**/

}






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

/**/

/*.agregador a {
width: 48%;
margin: 0 2% 2% 0;
}

.agregador a:nth-child(4),
.agregador a:nth-child(8),
.agregador a:nth-child(12),
.agregador a:nth-child(16),
.agregador a:nth-child(20),
.agregador a:nth-child(24),
.agregador a:nth-child(28),
.agregador a:nth-child(32), 
.agregador a:nth-child(36), 
.agregador a:nth-child(40), 
.agregador a:nth-child(44), 
.agregador a:nth-child(48), 
.agregador a:nth-child(52), 
.agregador a:nth-child(56), 
.agregador a:nth-child(60), 
.agregador a:nth-child(64), 
.agregador a:nth-child(68), 
.agregador a:nth-child(72), 
.agregador a:nth-child(76),
.agregador a:nth-child(80), 
.agregador a:nth-child(3),
.agregador a:nth-child(6),
.agregador a:nth-child(9),
.agregador a:nth-child(12),
.agregador a:nth-child(15),
.agregador a:nth-child(18),
.agregador a:nth-child(21),
.agregador a:nth-child(24),
.agregador a:nth-child(27),
.agregador a:nth-child(30),
.agregador a:nth-child(33),
.agregador a:nth-child(36),
.agregador a:nth-child(39),
.agregador a:nth-child(42),
.agregador a:nth-child(45),
.agregador a:nth-child(48),
.agregador a:nth-child(51),
.agregador a:nth-child(54),
.agregador a:nth-child(57),
.agregador a:nth-child(60),
.agregador a:nth-child(63), 
.agregador a:nth-child(66),
.agregador a:nth-child(69),
.agregador a:nth-child(72),
.agregador a:nth-child(75),
.agregador a:nth-child(78),
.agregador a:nth-child(81) {
margin-right: 2%;
}


.agregador a:nth-child(2),
.agregador a:nth-child(4),
.agregador a:nth-child(6),
.agregador a:nth-child(8),
.agregador a:nth-child(10),
.agregador a:nth-child(12),
.agregador a:nth-child(14),
.agregador a:nth-child(16),
.agregador a:nth-child(18),
.agregador a:nth-child(20),
.agregador a:nth-child(22),
.agregador a:nth-child(24),
.agregador a:nth-child(26),
.agregador a:nth-child(28),
.agregador a:nth-child(30),
.agregador a:nth-child(32),
.agregador a:nth-child(34),
.agregador a:nth-child(36),
.agregador a:nth-child(38),
.agregador a:nth-child(40),
.agregador a:nth-child(42),
.agregador a:nth-child(44),
.agregador a:nth-child(46),
.agregador a:nth-child(48),
.agregador a:nth-child(50),
.agregador a:nth-child(52),
.agregador a:nth-child(54),
.agregador a:nth-child(56),
.agregador a:nth-child(58),
.agregador a:nth-child(60),
.agregador a:nth-child(62),
.agregador a:nth-child(64),
.agregador a:nth-child(66),
.agregador a:nth-child(68),
.agregador a:nth-child(70),
.agregador a:nth-child(72),
.agregador a:nth-child(74),
.agregador a:nth-child(76),
.agregador a:nth-child(78),
.agregador a:nth-child(80) {
margin-right: 0;
}
*/


/**/

div.thumbnail-relacionados {
width: 70%;
}

.agregador .item-hover .item-legendas {
    font-size: 1.5em;
    top: 87%;
}

.agregador a div.item-hover div.item-legendas h2 {
    line-height: 1.2em;
    font-size: 1em;
}

}



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

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

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


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-center div.credits {
text-align: center;
}

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

/**/

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

.bandeira {
    width: 60%;
}

.intro-abertura .left h2 {
font-size: 4em;
}

.intro-abertura {
width: 77%;
}

.intro-abertura .left, .intro-abertura .right {
width: 100%;
}

.intro-abertura .left,
.intro-abertura .right {
text-align: center;
float: none;
margin-top: 3em;
}

.intro-abertura .left h2 {
text-align: center;
}

.bandeira {
    width: 42%;
}

.agregador a div.item-hover div.item-legendas p {
    font-size: .6em;
    opacity: .8;
}

.agregador .item-hover .item-legendas {
    font-size: 2.2em;
    top: 71%;
}

.bandeira {
margin: 0em auto 12em;
}

.agregador a {
    position: relative;
    width: 100%;
    float: left;
}







}





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



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



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

div.thumbnail-relacionados {
    width: 80%;
}



.agregador .item-hover .item-legendas {
    font-size: 2.2em;
    top: 60%;
    width: 90%;
}

    .agregador .item-hover .item-legendas {
    top: 79%;
}


}





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


}






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


.agregador a {
position: relative;
width: 100%;
float: left;
}


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

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;
font-size: 1.8em;
}

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



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.thumbnail-relacionados a div.thumb figcaption {
    font-size: 1.9em;
}



.thumbnail-relacionados {
    width: 100%;
}



.agregador .item-hover .item-legendas {
    font-size: 2.3em;
    top: 66%;
    width: 70%;
}

.agregador a div.item-hover div.item-legendas p {
    font-size: .58em;
    opacity: .7;
}



}





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

/**/

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

.bandeira {
    width: 56%;
}

.agregador .item-hover .item-legendas {
    font-size: 1.2em;
    top: 87%;
}

.agregador a {
    position: relative;
    width: 100%;
    float: left;
}

.agregador a div.item-hover div.item-legendas p {
    font-size: .7em;
    opacity: .7;
}

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

}


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

/**/

.agregador a div.item-hover div.item-legendas p {
    margin: 0.35em 0 0.35em;
}

.agregador a div.item-hover div.item-legendas h2 {
    line-height: 1em;
    font-size: 1.1em;
}

.agregador a div.item-hover div.item-legendas p {
font-size: .8em;
line-height: 1em;
}

.agregador .item-hover .item-legendas {
    font-size: 1.2em;
    top: 65%;
}

}