#header nav{
    font: 1.2em 'NeutraDisplayMedium', Arial, sans-serif;
    float: right;
    display: block;
    margin-right: 50px;
    margin-top: 50px;
}

#header nav {position: relative;}
#header nav ul{padding: 0;}
#header nav ul li:first-child{margin-left: 0;}
#header nav ul li{float:left; margin: 2px 0 0 50px;}
#header nav ul li a{color: #fff; width:100%; text-decoration: none; }
#header nav ul li.selected a{border-bottom: 2px solid #fff} 

#logo{
    height: 90px;
    margin: 25px;
}

    .boton{
        width: 32px;
        height: 60px;
        position: absolute;
        left: 50%;
        bottom: 25px;
        z-index: 2;
    } .boton img{margin-bottom: 8px; }
    .page section .boton {position: relative; margin:0 auto; left: 0; margin-top: 20px; bottom: 0;}
    .page section .boton a{border: none;}
    #page1 .boton{height: 30px;}


#slide1{background-color: #36ab02; background-image: url('../img/fondos/City1.png');}
#slide2{background-color: #d72324; background-image: url('../img/fondos/City2.png');}
#slide3{background-color: #ffd600; background-image: url('../img/fondos/City3.png');}

#page2{
    /*background-image: url('../img/loro_3.png');*/
}

    #page1 header {float: left; margin-left: 5%; text-align: left;}

    #page2 {background-color: #ffd600; background-image: url('../img/fondos/xauen_3.png');}
    #page2 section {
        text-align: justify; 
        font-size: 1.5em; 
        font-family: 'NeutraDisplayBold'; 
        max-height: 70%; 
        text-transform: uppercase; 
        padding: 10px;
        margin-top: 100px; }
    #page2 section p{margin-bottom: 1.5em;}

    #page3 {background-color: #ffd600; background-image: url('../img/fondos/marquetina.png');}
    #page4 {background-color: #ffd600; background-image: url('../img/fondos/oferta_2.png');}
    #page5 {background-color: #ffd600; background-image: url('../img/fondos/envios.png');}
    #page6 {background-color: #ffd600; background-image: url('../img/fondos/operadoras.png');}

@media only screen and (max-width: 1180px) {
    #header nav {
        margin-right: 20px;
    }
    #header nav ul li{
        margin-left: 20px;
    }

    #page1 header {margin-left: 10%;}
    #page2 section{font-size: 1.5em;}
}

@media only screen and (max-height: 700px) {
    #page1 header {margin-left: 10%;}
    #page2 section{font-size: 1.2em; max-width: 700px;}
}


@media only screen and (max-width: 990px) {
    #header nav{margin-top: 0; line-height: 2em;}
    #header nav li:nth-child(4) {
        clear: both;
        margin-left: 0;
    }
    #page2 section{font-size: 1.2em; max-width: 700px;}
}

@media only screen and (max-height: 550px) {
    .boton{left: 5%;}
    #page1 .boton{left: 45%;}
}

@media only screen and (min-width: 740px){
    #header nav {
        display: block !important;
    }
}

@media only screen and (max-width: 740px) {
    #page2 section{font-size: 1.2em; max-width: 80%;}
    #header nav {width: 210px; background-color: rgba(255,255,255,0.8); display: none; position: absolute; right: 35px; top: 20px;}
    #header nav ul {padding: 0 10px;}
    #header nav ul li.selected {border-bottom: 2px solid #000;}
    #header nav ul li {clear: left; margin-left: 0;}
    #header nav ul li a, #header nav ul li.selected a{color: #000; border: none; }
    #header nav ul li.info {display: none;}
}

@media only screen and (max-height: 400px) {
    #page1 header {margin-left: 15%;}
    #page2 section{font-size: 1.1em; line-height: 1.1em; max-width: 80%;}
}

@media only screen and (max-width: 550px) {
    #page1 header {margin-left: 15%;}
    #page2 section{font-size: 1.1em; line-height: 1.1em; }
    #menu.onepage-pagination{top: 25%;}
}

@media only screen and (min-width: 740px){
    #header nav {
        display: block !important;
    }
}

@media only screen and (max-height: 300px) {
    #page1 header {margin-left: 15%;}
    #page2 section{margin-top:25px; }
    .page .controlArrow{top: 90%;}
    .page .controlArrow.next{right: 35px;}
    #menu.onepage-pagination{top: 15px;}
    #header nav ul li {line-height: 1.5em;}
    #header nav {right: 85px;}
}

@media only screen and (max-width: 350px) {
    #page2 section{font-size: 1em; line-height: 1.1em; }
    #page5 section{margin-top: 20px;}
}