/*!
 * 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(255, 255, 255, 1.0);*/
		
		background: #fff;
    
		
    }
	.top-nav-collapse {
        padding: 0;
		/*background: rgba(255, 203, 5, 1.0);*/
		
		/*background: rgba(255, 255, 255, 1.0);*/
		background: #fff;

    }
}
@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;
		background: #fff;
		
		
    }
	.top-nav-collapse {
        padding: 0;
		background: rgba(255, 203, 5, 1.0);
		background: #fff;
    }
}



body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
    .navbar {
        padding: 15px 0;
        -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: 8px 0px;
    }
}



#about {
	 min-height: 100%;
   
    padding: 130px 0px 80px 0px;
    background: #fff;
}

#products {
    min-height: 100%;
	height:auto;
    padding-top: 150px;
    text-align: center;
    background: #0070c0;
}

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