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

@media(max-width:1024px) {
.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;
	filter: alpha(opacity=100);
	opacity: 0.9;
}
.top-nav-collapse {
/* Customize the look and feel of the collapsed top nav here */
       
}
.black {
	color: #000000 !important;
}
}


@media(min-width:768px) {
.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;
	filter: alpha(opacity=60);
	opacity: 0.8;
}
.top-nav-collapse {
/* Customize the look and feel of the collapsed top nav here */
       
}
.black {
	color: #000000 !important;
}
}
/*
.mobile-section {
	height: auto;
	background: #000000;
	padding: 50px;
}
*/

.home-section {
	height: 100%;
	background: #000000;
}
.work-section {
		
	background: #000000;
	padding-top: 50px;
	padding-bottom: 25px;
}
.about-section {
	height: auto;
	padding-top: 50px;
	padding-bottom: 25px;
	background: #ffffff !important;
	clear: both;
}
.contact-section {
	height: 100%;
	background: #000000;
}