body {
	padding-top: 50px;
}
section h1{
	padding-left: 20px;
} 
section#middle{
	padding: 40px 0 ;
}
.em-text{
	color:#1caa9a !important;
}

.col-md-4{
	margin-bottom: 20px ;
}
.jumbotron {
	background: #1b222a url(../img/site_showcase_bg.jpg) no-repeat top center;
	color: white;
	height:100%;
	overflow:none;
	padding-bottom: 0;
}
.jumbotron h1{
	margin-top: 60px;

}
.jumbotron p {
	margin-bottom: 40px;
}
.jumbotron img.app-btn{
	width: 40%;
	margin-right: 30px;
}
.jumbotron img.showcase-img{
	width: 75%;
}

img.demo{
	width: 100%;
	padding: 3px;
	border:1px solid #ccc;
}

section#feature{
	background: #1b222a;
	color: #fff;
	padding-bottom: 40px;
	overflow:auto;
}
section#feature ul li{
	font-size: 22px;
	list-style: none;
	line-height: 2em;
}

section#feature ul{
	padding: 0;
	margin:0; 
}

section#title-bar{
	padding:0;
	margin: 0;
	height: 80px;
	background: #1b222a;
	color: #fff;
}
section#title-bar h1{
	margin-bottom: 20px;
}
footer{
	background: #333;
	color: #fff;
	padding:30px 0 20px 0;
}
footer li{
	float:left;
	padding: 0 10px;
	list-style: none;
}
footer a{
	color: #fff;
}

footer p{
	float: right;
}

/* MEDIA Queries*/

@media(max-width: 1200px){

}

@media(max-width: 991px){
	.showcase-img{
		display: none;
	}
}

@media(max-width: 990px) {
	.jumbotron img.app-btn{
	width: 30%;
	}

	.jumbotron{
		height: 400px !important;
		background-size: 100% 100%;
	}
	.jumbotron h1{
		margin-top: 10px !important;
	}

@media(max-width: 768px) {
	.jumbotron{
		height: 350px !important;
		background-size: 100% 100%;
	}
	.jumbotron h1{
		margin-top: 10px !important;
	}

}

@media(max-width: 500px) {
	.jumbotron{
		height: 450px !important;
		background-image:none;
		text-align: center;
	}
	.jumbotron h1{
		margin-top: 10px !important;
	}
	
	.jumbotron img.app-btn{
	width: 60%;
	margin: 0 auto 30px auto;
	display: block;
	}
	section#feature ul li{
		font-size: 19px !important;
	}
	footer p {
		float:none;
		text-align: center;
		padding-top: 20px;
	}
}