﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}



.em-text{
	color:#1caa98 !important;
}

.col-md-4{
	margin-bottom:20px;
}

section{
	padding:40px 0 40px 0;
}

.jumbotron{
	/*color:#fff;*/
	/*height:500px;*/
	overflow:none;

}

.jumbotron h1{
	margin-top:10px;
}

.jumbotron p{
	margin-bottom:40px;
}

.jumbotron img.app-btn{
	width:40%;
	margin-right:30px;
}

.jumbotron img.showcase-img{
	/*width:100%;*/
	float: right;
}

img.demo{
	width:60%;
	padding:3px;
	border: 1px solid #ccc;
}

section#feature{
	background:#1caa98;
	color:#fff;
	padding:40px;
	overflow: auto;
}

section#feature ul li{
	font-size: 22px;
	list-style: none;
	line-height: 2.0em;
}

section#feature ul{
	padding:0;
	margin:0;
}

section#title-bar{
	padding:0;
	margin:0;
	height:80px;
	background:#1caa98;
	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 0 10px;
	list-style: none;
}

footer a {
	color:#fff;
}

footer p{
    text-align: center;
}

section {
    padding: 0px 0 0px 0;
}

/* MEDIA QUERIES */

@media(min-width: 1200px){
	.jumbotron img.showcase-img{
	width:61%;
	margin:5px 0 0 40px;
}
}

@media(max-width: 991px){
	.showcase-img{
		display:none;
	}
}

@media(min-width: 768px) and (max-width: 990px){
	.jumbotron img.app-btn{
		width:30%;
	}

	.jumbotron{
		height:300px !important;
		background-size:100% 100%;
	}

	.jumbotron h1{
		margin-top:10px;
	}
}

@media(max-width: 768px){
	.jumbotron{
		height:250px !important;
		background-size:100% 100%;
	}

	.jumbotron h1{
		margin-top:10px;
	}
}

@media(max-width: 500px){
	.jumbotron{
		height:280px !important;
		background-image:none;
		text-align: center;
	}

	.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;
	}

}
