@charset "utf-8";

body {
	background: #fff;
	color: #000;
	padding-top: 30px;
	padding-bottom: 30px;
}

.margTop30 {
	margin-top: 30px;
}

.logo {
	padding-top: 30px;
	padding-bottom: 30px;
}

.logo img {
	display: block;
	margin: 0 auto;
}


.blackWrapper {
	width: 100%;
	background: #1a1a1a;
	margin: 0;
	padding: 0;
}

.hero {
	background: #1a1a1a;
	padding-top: 90px;
	padding-bottom: 90px;
}


.redWrapper {
	width: 100%;
	background: #d15237;
	margin: 0;
	padding: 0;
}

.red {
	background: #d15237;
	color: #fff;
	padding-top: 90px;
	padding-bottom: 120px;
}

.red h1 {
	font-family: 'Oswald', sans-serif;
	font-size:600%;
}

img.downloadButton {
	display: block;
	margin: 0 auto;
}


.footer {
	color: #1b1b1b;
	padding-top: 90px;
	padding-bottom: 30px;
}



/***************************************************************

	MEDIA QUERIES

***************************************************************/


/* Smartphones */
@media (max-width: 480px) {

	.logo img {
		padding-right: 30px;
		padding-left: 30px;
	}

	.hero {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.red {
		padding-top: 30px;
		padding-bottom: 60px;
	}

	.red h1 {
		font-size:350%;
	}

	img.downloadButtonApple {
		margin-top: 30px;
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 0px;
	}

} /* -- close smartphones mq -- */



/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {

	img.downloadButtonApple {
		margin-top: 30px;
	}

} /* -- close smartphones to tablets mq -- */



/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {

	img.downloadButtonApple {
		margin-top: 30px;
	}

} /* -- close tablets mq -- */



/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {

	img.downloadButtonApple {
		margin-top: 30px;
	}

} /* -- close desktop mq -- */



/* Large Display */
@media (min-width: 1200px) {

 } /* -- close large display mq -- */