/* Cord Project Styles
-------------------------------------------------- */
html { 
  background: url(assets/shhoutColor.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	margin: 0px;
	color:#ffffff;
	font-size: 12;
	font-family: 'Haptik',Helvetica, Arial, sans-serif;
	font-weight: 100;
	line-height: 2;
}

h1 {
	font-weight: 100;
	line-height: 1.4;
	font-size: 25px;
	letter-spacing: 1px;
}


@font-face {
  font-family: 'Haptik';
  src: url('assets/GT-Haptik-Regular.eot?') format('eot'), url('assets/GT-Haptik-Regular.woff') format('woff'), url('assets/GT-Haptik-Regular.ttf') format('truetype');
}


#container{
	margin-top: 60px;
	width: 100%;
	text-align: center;
}

.content {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

img {
	margin-bottom: 40px;
}

#footer{
	padding-top: 20px;
	padding-bottom: 60px;
	font-size: 14px;
}

#faq {
	width: 800px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size: 13;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.5;
}

h2 {
	font-family: 'Haptik',Helvetica, Arial, sans-serif;
	font-weight: 100;
	line-height: 1.4;
	font-size: 25px;
	letter-spacing: 1px;
}


/* CSS for high-resolution devices */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) { 

	#appstore {
		background-image:url(assets/appstore2x.png);
	}
}


/* CSS for narrow screens */
@media (max-width: 800px) {

	#container{
		width: 100%;
		text-align: center;
	}


	.content {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.embed-container {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	}
	.embed-container iframe, .embed-container object, .embed-container embed , .embed-container img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#faq {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
			box-sizing: border-box;
		-moz-box-sizing: border-box;

}


}


/* LINK STYLES */

a:link, a:visited, a:active{
	color: #fcff00;
/*	text-decoration: none;*/
}

h1 a:link{
	text-decoration: underline;
		color: #ffffff;
}


a:hover {
	color: #ffffff;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #ff5b64;
	text-decoration: none;
}