@media (max-width:550px) {
    #download_buttons {
        height:39px;
        margin:0 !important;
        width:270px;
    }
    .download #download_buttons {
        margin:0 auto !important;
    }
    .dl, .dl:hover {
        height:39px;
        background-size:cover;
    }
    .dl1 {
        width:21px;
        background-size:100% 100%;
    }
    .dl2 {
        width:69px;
    }
    .dl3, .dl4 {
        width:87px;
    }
       #header {
        height:auto;
    }
    h1 {
        font-size:23px;
    }
    section, section.app-gallery .overlay, section.faq .overlay {
        padding:40px 0 50px;
    }


}
@media (max-width:990px) {
    #header {
        background: url(../img/banner.jpg) no-repeat 70% top fixed;
    }
    nav ul {
        background:rgba(255,255,255,0.95);
        width:85% !important;
        margin-top:2em;
    }
    nav ul li {
        display:block !important;
        max-width:300px;
        margin:0 auto;
    }
    nav ul li:nth-child(7) {
        padding-bottom:35px !important;
    }
     ul.nav {
        display:none !important;
        opacity:0;
    }
    ul.nav.togg {
        display:block !important;
    }
    nav {
        background:none !important;
    }
    header {
        padding-top:30px;
    }
    
}

@media (max-width:1024px) {
 section.faq, section.app-gallery {
 background-size:cover;
     background-attachment: scroll;
 }
}

@media (min-width:1580px) {

.f2 {
    position:absolute;
    right:0;
    margin-left:auto;
    left:auto;
    bottom:0;
}
.f3 {
    position:absolute;
    left:0;
    margin-left:0;
    bottom:-143px;
    z-index:333;
}   
}