body, html {
	   			height: 100%;
	   			font-family: 'Georgia', serif;
	   			color:#404D44;
	   			background: #F3E6D8;
   			}
   			.row {
	   			height:100%;
	   			position: relative;
   			}
	   		.row {
   				background: #F3E6D8;
   				border: 2.5em solid #FFF;
   				box-sizing: border-box;
			}
			.row2 {
				background: #FFF;
				border-top:none;
				border-bottom: none;
			}
			.row3 {
				border-top:none;
			}
			.logo {
				width:100%;
				position:absolute;
				bottom:15%;
				z-index:998;
				height:121px;
				-webkit-animation:logofade 1s ease-out;
			}
			.logo-iphone {
				display: none;
			}
			.skip {
				display: block;
				width:100%;
				bottom:15%;
				position: absolute;
				z-index: 999;
				height:121px;
				text-indent: -1000em;
				overflow: hidden;

			}
			h1 {
				background: url('images/chopeh-logo.png');
				display: block;
				width:121px;
				height:121px;
				opacity:0.9;
				margin-left:auto;
				margin-right: auto;
				text-indent: 1000em;
				overflow: hidden;
				z-index: 100;
				}
			h2 {
				color:#404D44;
				padding-left:12%;
				padding-right:12%;
				padding-top: 15%;
				line-height: 110%;
				text-indent: -1ex;
				opacity:0.9;
				-webkit-animation:quotefade 1s ease-in-out;

				}
			a.author {
				color:#404D44;
				display: block;
				text-align: right;
				padding-right:13%;
				font-size: 20px;
				opacity:0.5;
				margin-top: 3%;
				text-decoration: none;
			}

			.row2 .container {
				position: absolute;
				width:800px;
				height:228px;
				top:50%;
				left:50%;
				margin-top: -60px;
				margin-left: -400px;
			}
			.container .col {
				width:47%;
				float: left;
			}
			.container .col1 {
				margin-right: 6%;
			}
			.container .col  {
				font-size: 16px;
				line-height: 180%;
			}
			.container .col h3 {
				font-weight: bold;
				line-height: 180%;
			}
			.container p {
				text-indent: 2ex;
				line-height: 180%;
			}
			.container ul {
				text-align: center;
				line-height: 250%;
				font-size: 20px;
				padding-top: 20%;
			}
			.container ul a {
				color:#404D44;
			}
			.badges {
				position:absolute;
				width:600px;
				top:80px;
				left:50%;
				margin-left: -300px;
				height:120px;
				/* background: url('union-jack.png') no-repeat center; */
				z-index: 1;
			}
			.badges span {
				display: block;
				width:120px;
				height:120px;
				position: absolute;
				z-index: -1;
			}
			.badges .badge1 {
				background: url('images/badge1.png');
				left: 20px;
			}
			.badges .badge2{
				background: url('images/badge2.png');
				right:20px;
			}
			.down {
				width:100px;
				height:100px;
				position: absolute;
				bottom:5%;
				left:50%;
				margin-left: -50px;
				background: url('images/down.png') center no-repeat;
				text-indent: -1000em;
				overflow: hidden;
			}
			.container .me p{
				margin-top: 28px;
				color:#999;
				text-indent:0ex;
			}
			em {
				font-style: italic;
			}
			.quote {

			}

/*** Jazzy Shit ***/

	@-webkit-keyframes quotefade {
		0%   { opacity:0;padding-top:20%; }
		60% { opacity:0.7;padding-top:14.5%; }
		100% { opacity:0.9;padding-top:15%; }
	}
	@-webkit-keyframes logofade {
		0%   { opacity:0; }
		100% { opacity:1.0; }
	}
	
/*** BS Responsive ***/

	@media all and (max-width:900px)	{
		.row {
			border: none;
		}
		.logo {
			display: none;
		}
		.logo-iphone {
			display:block;
		}
		.logo-iphone h1 {
				background: url('images/chopeh-logo.png');
				display: block;
				width:121px;
				height:121px;
				opacity:0.9;
				text-indent: 1000em;
				overflow: hidden;
				position: absolute;
				top:20%;
				left:50%;
				margin-left: -60px;
			}
		.row1 h2 {
			position: absolute;
			-webkit-animation: none;
			bottom:100px;
		}
		.row2 {
			height: 990px;
			padding-top:325px;
		}
		.row2 .container {
			width: 280px;
			margin-left:auto;
			margin-right:auto;
			position: static;
			
		}
		.row2 .container .col {
			float: none;
			margin:0;
			width:100%;
			background:rgba(255,255,255,0.9);
			z-index: 999;
			position: relative;
		}
		.row2 .badges {
			width:280px;
			top:80px;
			margin-left: -140px;
		}
		.row2 .badges .badge1 {
			left:10px;
		}
		.row2 .badges .badge2 {
			right:10px;
		}
		.row3 {
			height: 500px;
		}
		.row3 ul {
			background:rgba(243,230,216,0.9);
			z-index: 999;
			position: relative;
		}
	
}