@font-face {
  	font-family: Gardenia-UltraBlack;
  	src:	url('Gardenia-UltraBlack.ttf'),
  			url('Gardenia-UltraBlack.eot');
	-webkit-font-smoothing: antialiased;
}

@font-face {
	font-family: Gardenia-Black;
  	src:	url('Gardenia-Black.ttf'),
  			url('Gardenia-Black.eot');
  	-webkit-font-smoothing: antialiased;
}

body {
	font-family: Gardenia-UltraBlack, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.2;
	background: #C61E38;
    color: #fff;
	-webkit-font-smoothing: antialiased;
}

a {
	color: rgba(20, 20, 20, .5);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Mobile - iPhone 6S */

.nav {
	width: 100%;
  	text-align: center;
}

.logo {
	text-align: center;
	display: inline-block;
	margin-top: 1.7em;
}

/*Start Social Area*/

.social {
	width: 100%;
	text-align: center;
	margin-top: 16px;
	padding-right: 0px;
	display: block;
}

.fb {
	padding-top: 0;
}

.twitter-share-button {
	padding-bottom: 1px;
}

/*End Social Area*/

.hero {
	background: #C61E38;
	width: 100%;
	text-align: center;
	padding-bottom: .3em;
}

.intro {
	width: 80%;
	display: inline-block;
	margin-top: 0;
}

.intro h1 {
	font-size: 2em;
	margin-top: .2em;
	margin-bottom: 0;
}

.app-store-button {
	margin-top: 1.3em;
	margin-bottom: .3em;
}

.footer {
	display: block;
}

.footer a {

}

.footer a:hover {
	text-decoration: none;
  	transition: ease-in-out;
}

.footer p {
	color: rgba(20, 20, 20, .5);
	font-size: .6em;
	line-height: 1.5;
	letter-spacing: .25px;
	text-decoration: none;
	text-align: center;
	margin-top: 1em;
}

/* Desktop */
@media (min-width: 769px) {

.logo {
	margin-top: 2em;
}

.intro {
	width: 720px;
	margin-top: 1em;
}

.intro h1 {
	font-size: 3em;
	line-height: 1.2;
	margin-bottom: 0;
}

.app-store-button {
	margin-top: 2.5em;
	margin-bottom: 5em;
}
