body 
{
	padding-top: 60px;
}
header
{
	background-color: #ecf0f1;
	background-color: #384142;
	color: #fff;
}
footer
{
	text-align: center;
	padding-bottom: 30px;
}
footer a
{
	margin-left: 20px;
}

section
{
	padding-top: 30px;
	padding-bottom: 30px;
}
section li
{
	padding-bottom: 20px;
	font-size: 17px;
}
h4
{
	line-height: 30px;
}


.footer
{
	padding-top: 30px;
	background-color: #384142;
	color: #fff;
}

.header-text
{
	margin-top: 40px;
	margin-bottom: 40px;
}
.header-text .app-icon
{
	line-height: 220px;
	text-align: center;
	vertical-align: middle;
}
.header-text img
{
	width: 220px;
	height: 220px;
	border-radius: 40px
}	
.header-text a
{
	background-image: url('../images/download-badge.svg');
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	height: 70px;
	width: 236px
}


.navbar-brand
{
	font-size: 30px;
}

.apps-box
{
	text-align: center;
	margin-top: 100px; 
	margin-bottom: 80px;
}
.app-box
{
	padding: 40px 20px 20px 20px;
	background-color: #2c3e50;
}

.app-box a:link, .app-box a:active, .app-box a:hover, .app-box a:visited
{
	color: white;
	text-decoration:none;
}

.icon-rounded
{
	border-radius: 60px
}

#intro
{
	text-align: center;
	background-color: #95a5a6;
}
#intro hr 
{
	max-width: 410px; 
	border-top: 1px solid #e74c3c; 
	border-bottom: 2px solid #e74c3c; 
	margin-left: auto; 
	margin-right: auto; 
}

#features
{
	background-color: #383838;
	color: #fff;
}
#features hr
{
	width: 120px; 
	border-top: 1px solid #e74c3c; 
	border-bottom: 2px solid #e74c3c; 
	margin-left: 0; 
}
#device-computer
{
	text-align: center;
	background-color: #eaf1f1;
}
#device-device
{
	text-align: center;
	background-color: #1c2533;
	color: #fff;
}

.error
{
 	color: #e74c3c;
}
.support-form
{
	padding-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-top: 1px solid rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	background-color: #eaf1f1;
}

#slideshow
{
	background-image: url('../images/iphone.png');
	width: 300px;
	height: 547px;
	padding-left: 2px;
	padding-top: 78px;
}
.blueimp-gallery-carousel
{
	width: 252px;
	height: 450px;
}

@media (max-width: 800px)
{
	#stDeviceComputer, #stComputer
	{
		width: 400px;
	}
}
@media (max-width: 400px)
{
	.apps-box 
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.support-form
	{
		padding-top: 20px;
		padding-bottom: 5px;
	}
	#stDeviceComputer, #stComputer
	{
		width: 280px;
	}
}
