/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@media(min-width:767px) {
    .navbar {
		padding: 0px 0px 0px;
        -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;
		background: rgba(0, 0, 0, 1);
		padding:10px;
		
    }
	
	
	.top-nav-collapse {
        padding: 0;
		/*background: rgba(255, 203, 5, 1.0);*/
		
		background: rgba(255, 0, 0, 1);	
		
    }
}
@media(min-width:320px) {
    .navbar {
		padding: 0px 0px 0px;
        -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;
		
		 -webkit-transition: box-shadow .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: box-shadow .5s ease-in-out,padding .5s ease-in-out;
        transition: box-shadow .5s ease-in-out,padding .5s ease-in-out;
		
		background: rgba(255, 255, 255, 1);	
		box-shadow:none;
		
    }
	.top-nav-collapse {
        	/*background: rgba(255, 203, 5, 1.0);*/
		background: rgba(255, 255, 255, 1);	
		box-shadow:2px 5px 10px #ccc;
		
    }
}