/*!
 * 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,box-shadow .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out,box-shadow .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out,box-shadow .5s ease-in-out;
		background: rgba(0, 0, 0, 0.0);
		
    }
	.top-nav-collapse {
        padding: 0;
		background: rgba(255,255,255, 0.8);
		box-shadow:0px 3px 15px 1px rgba(255,255,255,0.25);
        

    }
}
@media(min-width:320px) {
    .navbar {
		padding: 0px 0px 0px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out,box-shadow .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out,box-shadow .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out,box-shadow .5s ease-in-out;
		background: rgba(0, 0, 0, 0, 0.4);
	}
	.top-nav-collapse {
        padding: 0;
		/*background: rgba(255, 203, 5, 1.0);*/
		background: rgba(255,255,255, 1);
		box-shadow:0px 3px 15px 1px rgba(194,194,194,1);
		
    }
}



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

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

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

    .top-nav-collapse {
        padding: 0;
        color: black;
    }
}



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

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

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

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