
@media only screen and (min-width : 1921px){

}



@media only screen and (min-width : 1920px){

.header {
height: 70px;
}

.logo-menu {
bottom: -21px;
width: 31px;
margin-left: 23px;
}

.fa-lg {
font-size: 2.1em;
}

.redes-sociais ul > li {
padding-right: 19px;
}

.redes-sociais {
bottom: -30px;
margin-right: 12px;
}

.wrapper {
width: 100%;
}

img.oscares {
width: 20%;
}

.intro-abertura {
width: 89%;
}

.intro-abertura .left h2 {
font-size: 8em;
}

.intro-abertura .right p.destaques {
font-size: 2.9em;
}

.intro-abertura .left, .intro-abertura .right {
width: 47.5%;
}

.intro-abertura .right p.creditos-sem-imagem.versao-1 {
display: block;
} 


}



@media only screen and (max-width : 1919px){

.intro-abertura .right p.creditos-sem-imagem.versao-1 {
display: block;
} 

}




@media only screen and (max-width : 1880px){

}



@media only screen and (max-width : 1600px){
                    
}


@media only screen and (max-width : 1440px){

}



@media only screen and (max-width : 1360px){

.intro-abertura .left h2 {
font-size: 5.7em;
}

}


@media only screen and (max-width : 1280px){

.intro-abertura .right p.creditos-sem-imagem.versao-1 {
display: block;
} 

.intro-abertura .right p.creditos-sem-imagem.versao-2,
.intro-abertura .right p.creditos-sem-imagem.versao-3 {
display: none;
} 

.intro-abertura .right p.creditos-sem-imagem {
font-size: 1.5em;
line-height: 1.4em;
}

.agregador a div.item-hover div.item-legendas h2 {
font-size: 1.65em;
}

.agregador .item-hover .item-legendas {
width: 85%;
}

}


@media only screen and (max-width : 1240px){

.intro-abertura .left h2 {
font-size: 5.5em;
}

}



@media only screen and (max-width : 1112px){

.intro-abertura .left,
.intro-abertura .right {
float: none;
width: 100%;
text-align: center;
}

.intro-abertura {
width: 50%;
}

.agregador .item-hover figure img.fundo {
opacity: 0;
}

.agregador .item-hover .item-legendas {
opacity: 1;
transition: opacity 0.25s ease 0s;
top: 0em;
left: 0em;
width: 100%;
height: 100%;
text-decoration: none;
margin: 0;
transform: translate(0, 0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 59%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 59%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 59%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.agregador a div.item-hover div.item-legendas h2 {
text-shadow: 1px 1px #050505;
font-size: 1.4em;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width: 69%;
}

.agregador .item-hover:hover .fundo {
opacity: 0;
}

.agregador a div.item-hover:hover div.item-legendas {
opacity: 1;
}



.intro-abertura .right p.creditos-sem-imagem.versao-2,
.intro-abertura .right p.creditos-sem-imagem.versao-3 {
display: none;
}

.intro-abertura .right p.creditos-sem-imagem.versao-1 {
display: block;
}

}



@media only screen and (max-width : 1024px){



}


@media screen and (max-width: 1000px) {}

@media only screen and (max-width : 992px){}


@media only screen and (max-width : 834px){

.intro-abertura,
.agregador {
width: 55%;
margin-right: auto;
margin-left: auto;
}

.background {
padding-top: 7em;
padding-bottom: 6em;
}

.agregador .item-hover {
width: 100%;
border-top: 1px solid rgb(242, 242, 242);
border-bottom: 10px solid rgb(242, 242, 242);
}

.agregador .item-hover .item-legendas {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 62%, rgba(0,0,0,0.65) 83%, rgba(0,0,0,0.65) 91%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 62%,rgba(0,0,0,0.65) 83%,rgba(0,0,0,0.65) 91%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 62%,rgba(0,0,0,0.65) 83%,rgba(0,0,0,0.65) 91%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.agregador a div.item-hover div.item-legendas h2 {
top: 85%;
}

body {
background-color: rgb(242, 242, 242);
}

.footer {
background-color: rgb(242, 242, 242);
}

.footer p {
color: #015782;
}



}


@media only screen and (max-width : 768px) {

.intro-abertura,
.agregador {
width: 60%;
}

.header {
height: 37px;
}

.logo-menu {
bottom: -9px;
width: 16px;
margin-left: 10px;
}

.fa-lg {
font-size: 1.4em;
}

.redes-sociais ul > li {
padding-right: 11px;
}

.redes-sociais {
bottom: -14px;
margin-right: 4px;
}

}


@media only screen and (max-width : 736px) {

}

@media only screen and (max-width : 720px) {}

@media only screen and (max-width : 667px) {

.logo-menu {
margin-left: 14px;
}

.redes-sociais {
margin-right: 7px;
}

.intro-abertura, .agregador {
width: 71%;
}

}

@media only screen and (max-width : 568px) {

.intro-abertura, .agregador {
width: 82%;
}

.background {
padding-top: 9em;
padding-bottom: 6em;
}

.agregador a div.item-hover div.item-legendas h2 {
font-size: 1.45em;
line-height: 1.35em;
}

.intro-abertura .right p.creditos-sem-imagem {
font-size: 1.42em;
}

}


@media only screen and (max-width : 540px){

.intro-abertura, 
.agregador {
width: 86%;
}

.intro-abertura .right p.destaques {
font-size: 2.2em;
line-height: 1.2em;
}

.intro-abertura .right p.creditos-sem-imagem {
margin-top: 2.9em;
font-size: 1.4em;
}

.agregador a div.item-hover div.item-legendas h2 {
font-size: 1.4em;
line-height: 1.3em;
}

.intro-abertura .right p.creditos-sem-imagem.versao-3,
.intro-abertura .right p.creditos-sem-imagem.versao-2 {
display: none;
}

.intro-abertura .right p.creditos-sem-imagem.versao-1 {
display: block;
}


}


@media only screen and (max-width : 480px){

.wrap1 {
width: 99%;
}

.intro-abertura,
.agregador {
width: 89%;
}

.intro-abertura .right {
margin-top: 3.5em;
}

.intro-abertura .left h2 {
font-size: 5em;
}

.background {
padding-top: 6em;
padding-bottom: 5em;
}

.intro-abertura .right p.creditos-sem-imagem {
font-size: 1.3em;
}

.intro-abertura .right p.creditos-sem-imagem {
margin-top: 2em;
}

}


@media only screen and (max-width : 414px){

.wrap1,
.intro-abertura,
.imagem-oscares,
.agregador {
width: 90%;
}

.intro-abertura .left h2 {
font-size: 4.3em;
line-height: 1em;
}

.logo-menu {
margin-left: 0;
}

.redes-sociais {
margin-right: 0;
}

.redes-sociais ul > li:nth-child(3) {
padding-right: 0;
}

.agregador a div.item-hover div.item-legendas h2 {
font-size: 1.2em;
line-height: 1.4em;
}

/**/

.background {
padding-top: 6em;
padding-bottom: 6em;
}

.intro-abertura .right p.destaques {
font-size: 2.1em;
}

.intro-abertura .right p.creditos-sem-imagem {
margin-top: 2.75em;
}

.intro-abertura .right p.creditos-sem-imagem {
margin-top: 2em;
}

}


@media only screen and (max-width : 375px){

.background {
padding-bottom: 4em;
}

.intro-abertura .left h2 {
font-size: 3.9em;
}

.intro-abertura .right p.creditos-sem-imagem {
font-size: 1.2em;
}

}


@media only screen and (max-width : 360px){

.intro-abertura .left h2 {
font-size: 3.7em;
}

}


@media only screen and (max-width : 320px) {

.intro-abertura .left h2 {
font-size: 3.35em;
}

}