/*--INICIO-- Media queries
Sempre que se tratarem de media queries iguais é preférível compilar todas as regras na mesma media queria, preservando a ordem e os comentários de cada bloco
*/


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

body {
font-size: 1.1rem;
}

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

div.wrapper div.content-center div.box.box-left {
margin-left: -62%;
margin-right: 0%;
}

.content-larger {
width: 47.3%;
}

/*imagens das cordas*/

div.wrapper img.corda-first {
top: 130em;
left: 24em;
}


div.wrapper img.corda-second {
top: -56em;
right: 23.9em;
}


div#full-screen a.scrolldown-link.only-large-devices, 
div#full-screen a.scrolldown-link.only-small-devices, 
div#Introducao a.scrolldown-link.only-large-devices, 
div#Introducao a.scrolldown-link.only-small-devices,
div#full-screen-third a.scrolldown-link.only-large-devices, 
div#full-screen-third a.scrolldown-link.only-small-devices {
bottom: 25px;
}

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

div.wrapper div.content.content-larger img.filetes_cima,
div.wrapper div.content.content-larger img.filetes_baixo {
display: block;
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}

div.wrapper div.content.content-larger img.filetes_cima {
top: 0em;
right: 10em;
}

div.wrapper div.content.content-larger img.filetes_baixo {
top: -27em;
right: 0em;
}


div.wrapper div.content-fullwidth div.credits h3.ending-text-credits-title, 
div.wrapper div.content-center div.back-to-top h6 {
font-size: 1em;
margin-top: 1.2em;
}

/*IMAGEM ABERTURA*/

div#full-screen div.full-screen-image.min1281px-devices
 {
display: block;
}



}



@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 a.scrolldown-link.only-large-devices, 
div#full-screen a.scrolldown-link.only-small-devices, 
div#Introducao a.scrolldown-link.only-large-devices, 
div#Introducao a.scrolldown-link.only-small-devices,
div#full-screen-third a.scrolldown-link.only-large-devices, 
div#full-screen-third a.scrolldown-link.only-small-devices {
bottom: 25px;
}

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

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

div.wrapper div.content-center div.back-to-top h6 {
font-size: 1.1em;
}

/*IMAGEM ABERTURA*/

div#full-screen div.full-screen-image.min1281px-devices
 {
display: block;
}


}







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

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

.content-larger {
width: 48.4%;
}

}



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

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

.content-larger {
width: 56%;
}

div#Introducao div.module-centered {
width: 56%;
}
                    
}


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

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

.content-larger {
width: 62.5%;
}

div#Introducao div.module-centered {
width: 70%;
}

}




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

body {
font-size: 1rem;
}

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

.content-larger {
width: 63.8%;
}


}


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

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

.content-larger {
width: 70%;
}

}



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

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

.content-larger {
width: 63.3%;
}

div#Introducao div.module-centered h1 {
font-size: 1.9em;
}

div#Introducao div.module-centered {
top: 46%;
}

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

/*div.wrapper div.content.content-center div.container1 div.containerB {
width: 100%;
}*/

div.wrapper div.content.content-center div.container1 div.containerB div.description p {
line-height: 1.65em;
}

div.wrapper div.content.content-center div.container1 div.containerB div.floatleft p, 
div.wrapper div.content.content-center div.container1 div.containerB div.floatright p {
font-size: 2.5em;
}

div.wrapper div.content.content-center > h3 {
font-size: 2.7em;
text-align: left;
}

}



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


}



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

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

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

div.wrapper div.content.content-center div.container1 div.containerB div.floatleft p, 
div.wrapper div.content.content-center div.container1 div.containerB div.floatright p {
font-size: 2.3em;
margin-top: 0.2em;
}

div.wrapper div.content.content-center div.container1 div.containerB div.title h1 {
font-size: 2.1em;
}

div#Introducao div.module-centered {
top: 50%;
}


}



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

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

}





@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.content-center div.container1 div.containerB div.description p {
line-height: 1.7em;
font-size: 1.75em;
}

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

}




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

/*os dois contents ficam da mesma largura*/

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

.content-larger {
width: 89.3%;
}

/*todas as margens iguais*/

div.wrapper div.content-center div.box {
margin-top: 9.5%;
margin-bottom: 9.5%;
}

div.wrapper div.content-fullwidth div.box,
div.wrapper div.content-larger div.box {
margin-top: 6.2%;
margin-bottom: 6.2%;
}

/*fonte*/

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

/*fonte texto*/

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-family: Georgia,serif;
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, 
div.wrapper div.content-center .box .box-slideshow.slider .mySlides figcaption, 
div.wrapper div.content-fullwidth .box .box-slideshow.slider .mySlides figcaption {
font-size: 1.6em;
line-height: 1.2em;
}


/*float: caixa de texto*/
div.wrapper div.content-center div.box-text.first-box-text, 
div.wrapper div.content-center div.box-text.second-box-text {
height: 30em;
}

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


/*scroll*/

div#full-screen a.scrolldown-link.only-small-devices div.scrolldown img {
width: 30%;
}

div#full-screen a.scrolldown-link.only-small-devices div.scrolldown h6 {
font-size: 1.5em;
}

div#full-screen a.scrolldown-link.only-small-devices {
bottom: 5%;
}

/****/

div#full-screen a.scrolldown-link.only-large-devices, 
div#full-screen a.scrolldown-link.only-small-devices, 
div#Introducao a.scrolldown-link.only-large-devices, 
div#Introducao a.scrolldown-link.only-small-devices,
div#full-screen-third a.scrolldown-link.only-large-devices, 
div#full-screen-third a.scrolldown-link.only-small-devices {
bottom: 78px;
left: 50%;
transform: translate(-50%, -50%);
}

div#full-screen a.scrolldown-link.only-large-devices div.scrolldown img, 
div#full-screen a.scrolldown-link.only-small-devices div.scrolldown img, 
div#Introducao a.scrolldown-link.only-large-devices div.scrolldown img, 
div#Introducao a.scrolldown-link.only-small-devices div.scrolldown img,
div#full-screen-third a.scrolldown-link.only-large-devices div.scrolldown img, 
div#full-screen-third a.scrolldown-link.only-small-devices div.scrolldown img {
width: 12px;
}

div#full-screen a.scrolldown-link.only-large-devices div.scrolldown h6, 
div#full-screen a.scrolldown-link.only-small-devices div.scrolldown h6, 
div#Introducao a.scrolldown-link.only-large-devices div.scrolldown h6, 
div#Introducao a.scrolldown-link.only-small-devices div.scrolldown h6,
div#full-screen-third a.scrolldown-link.only-large-devices div.scrolldown h6, 
div#full-screen-third a.scrolldown-link.only-small-devices div.scrolldown h6 {
font-size: 10px;
letter-spacing: 1px;
}

div#Introducao div.module-centered {
width: 70%;
}

/**/

div.wrapper div.content-center div.back-to-top div.back-to-top-button {
width: 3em;
height: 3em;
}

div.wrapper div.content-center div.back-to-top div.back-to-top-button::after {
border-width: 0 0.2em 0.2em 0;
padding: 0.4em;
top: 1.2em;
left: 1.1em;
}


/**/

div.wrapper div.content.content-center div.container1 div.containerA h1 {
padding-left: 0em;
padding-right: 0em;
}

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

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

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

div#full-screen div.module-centered h1.h1description {
font-size: 1.9em;
}


}


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

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

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

body {
font-size: 0.85rem;
}


/*boxes: deixa- de estar float*/
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;
border-top: 1.5px solid #7b7b7b4d;
border-bottom: 1.5px solid #7b7b7b4d;
padding-bottom: 3em;
padding-top: 3em;
margin-bottom: 3.5em;
}

div.wrapper div.content-center div.box-text.first-box-text, 
div.wrapper div.content-center div.box-text.second-box-text {
height: 25.8em;
}

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

div.wrapper div.content.content-center > p.fist-paragraph {
margin-top: 5em;
}

div.wrapper div.content.content-center > p.fist-paragraph::first-letter {
line-height: 0.94em;
margin-left: 0%;
margin-bottom: -3%;
}

div.wrapper div.content.content-center > h2 {
margin-top: 0.8em;
}

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


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

/*slideshow*/

div.box-slideshow {
margin-bottom: 3.5em;
}

div.wrapper div.content-larger div.box div.box-slideshow.slider div.mySlides div.caption-background {
background-color: #0000;
opacity: 1;
top: 0em;
position: relative;
padding-top: 0em;
padding-bottom: 0em;
margin-top: 1em;
}

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

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

/*scroll*/

div#full-screen a.scrolldown-link.only-small-devices div.scrolldown img {
width: 25%;
}

div#full-screen a.scrolldown-link.only-small-devices div.scrolldown h6 {
font-size: 1.2em;
}

div#full-screen a.scrolldown-link.only-small-devices {
bottom: 5%;
}

/**/


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

div#full-screen a.scrolldown-link.only-large-devices, 
div#full-screen a.scrolldown-link.only-small-devices, 
div#Introducao a.scrolldown-link.only-large-devices, 
div#Introducao a.scrolldown-link.only-small-devices, 
div#full-screen-third a.scrolldown-link.only-large-devices, 
div#full-screen-third a.scrolldown-link.only-small-devices {
bottom: 107px;
}

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

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

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




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

div#full-screen div.module-centered h1.h1description {
font-size: 1.5em;
}

div#Introducao div.module-centered {
    width: 88%;
}

div#Introducao div.module-centered {
    top: 52%;
}


div#full-screen a.scrolldown-link.only-large-devices, div#full-screen a.scrolldown-link.only-small-devices, div#Introducao a.scrolldown-link.only-large-devices, div#Introducao a.scrolldown-link.only-small-devices, div#full-screen-third a.scrolldown-link.only-large-devices, div#full-screen-third a.scrolldown-link.only-small-devices {
    bottom: 25px;
}

div#Introducao div.module-centered h1 {
font-size: 1.6em;
}

}



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

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

i.fa-lg {
font-size: 1.25em;
}


div.wrapper div.content-center div.box-text.first-box-text, 
div.wrapper div.content-center div.box-text.second-box-text {
height: 29em;
}

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

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

}








@media only screen and (max-width : 360px){
div.wrapper div.content-center div.back-to-top div.back-to-top-button::after {
left: 1.01em;
}
}


@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 div.box div.box-text.first-box-text > p {
margin-bottom: 0em; 
}

div.wrapper div.content-center div.box-text.first-box-text {
margin-bottom: -3em;
}

div.wrapper div.content-center div.box-text.first-box-text, 
div.wrapper div.content-center div.box-text.second-box-text {
height: 36.9em;
}

div.wrapper div.content-center div.back-to-top h6 {
font-size: 1.26em;
margin-top: 0.5em;
}

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

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: 2.2em;
line-height: 1.35em;
}

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

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 div.back-to-top h6 {
    font-size: 1.25em;
}

div.wrapper div.content-center div.back-to-top h6 {
    font-size: 1.35em;
}

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

/**/

div#full-screen img.max520px-devices {
bottom: 90px;
}

div#full-screen a.scrolldown-link.only-large-devices div.scrolldown h6, 
div#full-screen a.scrolldown-link.only-small-devices div.scrolldown h6, 
div#Introducao a.scrolldown-link.only-large-devices div.scrolldown h6, 
div#Introducao a.scrolldown-link.only-small-devices div.scrolldown h6,
div#full-screen-third a.scrolldown-link.only-large-devices div.scrolldown h6, 
div#full-screen-third a.scrolldown-link.only-small-devices div.scrolldown h6 {
font-size: 7px;
}


div#full-screen a.scrolldown-link.only-large-devices, 
div#full-screen a.scrolldown-link.only-small-devices, 
div#Introducao a.scrolldown-link.only-large-devices, 
div#Introducao a.scrolldown-link.only-small-devices,
div#full-screen-third a.scrolldown-link.only-large-devices, 
div#full-screen-third a.scrolldown-link.only-small-devices {
    bottom: 60px;
}

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

div.top nav.collapse-navbar div.menu-one div.share-social-media a.sound div.swap-sound, 
div.top nav.collapse-navbar div.menu-two div.share-social-media a.sound.no-vertical-border div.swap-sound {
width: 17px;
height: 16px;
}

div.top nav.collapse-navbar div.menu-one div.share-social-media a.sound div.swap-sound:hover, div.top nav.collapse-navbar div.menu-two div.share-social-media a.sound.no-vertical-border div.swap-sound:hover {
    width: 17px;
height: 16px;
}

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

div#full-screen div.module-centered h1.h1description {
font-size: 1.9em;
}

div#Introducao div.module-centered {
width: 90%;
}

div#full-screen a.scrolldown-link.only-large-devices, div#full-screen a.scrolldown-link.only-small-devices, div#Introducao a.scrolldown-link.only-large-devices, div#Introducao a.scrolldown-link.only-small-devices, div#full-screen-third a.scrolldown-link.only-large-devices, div#full-screen-third a.scrolldown-link.only-small-devices {
bottom: -17px;
}

div#Introducao div.module-centered h1 {
margin-bottom: -2em;
}

}