@media(min-width:767px) {
    #navbar {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
		
    }

    #top-nav-collapse {
        padding: 0;
    }
}


nav {
   
   position: fixed;
   top:0;
   right:0;
   left:0;
   transition: transform .50s .2s ease-in-out;
}

.down nav {
   transform: translate3d(0, -300px, 0); 
}



.option1-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #fff;
}

.option2-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}

.option3-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #fff;
}

.option4-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}



@media only screen and (max-width: 999px) {
	.down nav {
   transform: translate3d(0, 0px, 0); 
}
	}