@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,700');

*{
    margin:0;
    padding:0;
    border:0;
}

body{
    font-size:10px;
    background:#000;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
}

p{
    margin:1em 0;
}

p, p a, li{
    color:#A7A7A7;
}

p, li{
    font-size:1.9em;
    line-height:1.5em;
    letter-spacing: .1em;
}

h1, h2, h3, h4{
    font-weight: 300;
}

h1{
    font-size:4.8em;
    margin:.5em 0;
    color:#fff;
    margin-top:2em;
}

a :hover{
    opacity:.7;
}



/* diagramação */

.fixContent{
    display:table;
    width:940px;
    margin:0 auto;
    width:80%;
}

.col1-2{
    display: block;
    float:left;
    width:48%;
    margin-right:2%;
}



/* sections */

.flags{
    display: table;
    position:fixed;
    top:0;
    right:0;
    text-align: right;
    margin:20px;
}

.flags a{
    padding:.5em;
}

.flags img{
    width:3%;
}

header{
    background:url(../img/nn-cover.jpg);
    background-size:cover;
    width:100%;
}

.logo{
    margin:50px 0 0 0;
}

.txtEndorsers{
    margin:-20px 50px 0 0;
}

.logo, .txtEndorsers{
    float:right;
    clear: both;
}

header li{
    list-style: none;
    color:#8d8d8d;
}

.txtIntro p{
    font-size:2.2em;
    padding:0 10%;
    margin-bottom:100px;
}

.txtIntro h1{
    color:#1564DA;
    margin-top:70px;
    text-align: center;
}

.txtIntro h1, .txtIntro p{
    text-align: center;
}



#musicSection{
/*    background-color: #D7D7D7;*/
    background:url(../img/bg-music.jpg) top center;
    background-attachment: fixed;
    padding:50px 0;
}

#musicSection iframe{
    margin:20px 0;
}

#musicSection p{
    color:#3D3D3D;
}

#musicSection p strong{
    font-weight: 300;
    color:#1564DA;
}

.tituloFaixa{
    padding:50px 0 0 0;
}

.btnDownload{
    background:#1564DA;
    padding:1.5em;
    color:#fff;
    margin-top:100px;
    text-align: center;
    margin: 0 auto;
    display: table;
    font-size: 2em;
    text-decoration: none;
}


#fichaTecnicaSection{
    background: url(../img/putting-together-mockup-cd.jpg) top center no-repeat;
}

#fichaTecnicaSection h1{
    width:100px;
}

.linkDestaque{
    display:block;
    float:right;
    margin-top:-130px;
    text-shadow: 0 0 5px rgba(0,0,0,.7);
}

.linkDestaque a{
    font-weight: 300;
    color:#EFB619;
    text-decoration: none;
}

.linkDestaque a:hover{
    text-decoration: underline;
}

.introFichaTecnica{
    background: rgba(255,255,255,.2);
    padding:7em 0 4em 0;
    margin-top:350px;
}

.introFichaTecnica p{
    text-shadow: 0 0 8px rgba(0,0,0,.9);
}

#musicosSection{
    padding:50px 0;
    background: url(../img/bg-musicos.jpg) top center no-repeat;
}

#thxSection{

}

#sponsorsSection{
    background-color:#D8D8D8;
    text-align: center;
    padding:50px 0;
}

#sponsorsSection .fixContent{
    width:50%;
}

#sponsorsSection p{
    color:#747474; /*414141*/
}



footer{
    text-align: center;
    padding:50px 0;
}

footer img{
    padding:2em;
    width:2%;
}

footer p{
    opacity: .8;
    font-size: 1.2em;
}

footer a{
    text-decoration: none;
    color:#ff5e06;
}

footer a:hover{
    text-decoration: underline;
    color:#A7A7A7;
}




@media (max-width: 1025px) {

    header{
        background-position-x: 53%;
    }
    
}


@media (max-width: 768px) {

    header{
        background-position-x: -250px;
    }
    
}


@media (max-width: 570px) {
    
        header{
        background-position-x: -97%;
    }
    
    .flags img{
    width:5%;
}
    

    
    #sponsorsSection .fixContent {
        width: 60%;
    }
    

    
    .logo{
        float:none;
        width:52%;
    }
    
    .txtIntro p{
        padding: 0;
    }
    
    .txtEndorsers{
        margin: 170px 0 0 0;
        font-size: .7em;
        display: block;
        float: left;
    }
    
    .col1-2{
        width:100%;
        margin:0;
    }
    
    #fichaTecnicaSection h1{
        margin:30px 0 10px 0;
    }
    
    .linkDestaque{
        float:none;
        margin:0;
    }
    
    #musicosSection h1{
        font-size:2.7em;
    }
    
    #sponsorsSection .fixContent{
        width:100%;
    }
    
    footer img{
        width:10%;
    }
    
}

@media (max-width: 415px) {
    
    header {
    background-position-x: -93%;
    }
    
    .flags img{
    width:10%;
}
    
    .logo {
    float: right;
    width: 70%;
    }
    
    .txtEndorsers{
    margin: 180px 0 20px 0;
    font-size: .7em;
    display: block;
    float: right;
    }
    
}

@media (min-width: 1025px) {
    
    header{
        background-position-y: -51vw;
    }
}