.clearfix {
	height: auto;
	overflow: hidden;
}

.hidden {
	position: absolute;
	left: -9999px;
}


.window {
	margin: 0 auto;
	padding: 0 30px;
	width: 960px;		
}




/* general */

	body, html {
	  height: 100%;
	}

	body {
		background: #ecf0f1;
		font-family: "museo-slab", Helvetica, Arial, sans-serif;
		color: #333332;
		font-weight: 300;
	}

	h1 {
		margin: 0;
		padding: 0 0 20px 0;
		font-weight: 500;
	}

	a {
		color: #165ADD;
		text-decoration: none;	
	}


/* header */

	header {
		padding: 20px 0;
		background-color: #27ae60;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(39, 174, 96)), to(rgb(33, 146, 81)));
		background-image: -webkit-linear-gradient(top, rgb(39, 174, 96), rgb(33, 146, 81));
		background-image: -moz-linear-gradient(top, rgb(39, 174, 96), rgb(33, 146, 81));
		background-image: -o-linear-gradient(top, rgb(39, 174, 96), rgb(33, 146, 81));
		background-image: -ms-linear-gradient(top, rgb(39, 174, 96), rgb(33, 146, 81));
		background-image: linear-gradient(top, rgb(39, 174, 96), rgb(33, 146, 81));
		border-bottom: 1px solid #1e8449;
	}

		


	#logo {
		float: left;

		padding-top: 8px;
		
	}

		#logo img {
			height: 54px;
			width: auto;
		}

		#logo a {
			

		}



	#nav {
		padding-top: 0;
		float: right;
	}


		#nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: right;
		}

		#nav li {
			display: inline-block;
			margin: 0 0 0 5px;
			padding: 0;

			vertical-align: middle;
		}
		
		#nav a {
			display: block;
			padding: 10px 15px;
			
			border-radius: 4px;
			border-bottom: 1px solid transparent;
			color: #fff;
			font-size: 22px;
			font-weight: 500;
			text-align: left;

			transition: all 0.5s;
			-webkit-transition: all 0.5s; /* Safari */
		}

		#nav a:hover {
			background: #219050;
			border-bottom: 1px solid #1E8449;
		}

		#nav a span.nav-heading {
			border-bottom: 1px dotted #51d78a;
		}

		#nav a span.nav-speaking {
			display: block;
			padding-top: 4px;

			color: #BFF1D4;
			font-size: 15px;
			font-weight: 300;
			text-decoration: none;

		}
		
		#nav a:hover {

		}

		#nav li#home-link {
			margin-right: 0;
		}

		#nav li#home-link a {
			width: 22px;
			height: 22px;
			background: #27AD60 url("../img/landing/home-icon-2.png") center no-repeat;
			border: 1px solid #219050;
		}

		#nav li#sign-in a {
			margin-left: 20px;
			padding: 6px 10px 7px 29px;

			background: #219050 url("../img/landing/sign-in-icon-3.png") 10px center no-repeat;
			border-radius: 4px;

			border: 1px solid #1E8449;
			
		}

			#nav li#sign-in a:hover {
				background-color: #1E8249;
			}

			#nav li#sign-in a span.nav-heading {
				border: none;
				color: #96E7B8;

				font-size: 19px;
			}



/* main */

	#main {
		padding: 30px 0;
	}
	

/* content pages */

	.content-title {
		margin-bottom: 30px;
		padding-bottom: 15px;

		height: auto;
		overflow: hidden;

		border-bottom: 1px solid #ccc;
	}

		.content-title h1 {
			margin: 0;
			padding: 0;

			float: left;
		}

		.content-title a {
			float: right;
		}

	#content {
		float: left;
		width: 600px;

		padding-bottom: 30px;
	}

		#content ul, #content ol, #content p {
			font-size: 19px;
			line-height: 1.5;
		}

		#content ol, #content ul {
			margin-left: 0;
			padding-left: 0;
		}

		#content li {
			padding: 5px 0;
		}


	#content .form-row:first-child {
		padding-top: 0;
	}


	#sidebar {
		float: right;
		width: 300px;
	}

		#sidebar h2 {
			padding-top: 20px;

			color: #555;
			font-size: 20px;
		}

			#sidebar h2:first-child {
				margin-top: 0;
				padding-top: 10px;
			}


		#sidebar p {
			font-size: 18px;
		}


		#sidebar .form-row:first-child {
			padding-top: 10px;
		}

	.input-text input {
		font-family: "museo-slab", serif;
		font-weight: 700;
	}


/* homepage */
	
	#hero {
		position: relative;
		top: 0;

		width: 100%;

		height: 600px;

		background: #333332 url("../img/landing/hero-bg.jpg") top center no-repeat;
		background-size: cover;

		box-shadow: 0 0 50px rgba(0,0,0,0.8) inset;

		overflow: hidden;
	}

	#hero .window {
		position: relative;
		height: 100%;

		box-sizing: border-box;
	}

	#hero-blurb {

		position: absolute;
		left: 0;
		top: 60px;

		display: block;
		width: 630px;

		z-index: 2;

	}
	
	#hero h1 {
		margin: 0;
		padding: 0;

		color: #99d6ff;
		font-size: 46px;
		font-weight: 700;
		text-shadow: 0 2px 0 #000;
	}

	#hero p {
		margin: 0;
		padding: 15px 0;

		color: #fff;
		font-size: 24px;
		font-weight: 100;
		line-height: 1.3;
	}

	#hero .btn {
		margin-top: 40px;
		padding: 20px;
		font-size: 36px;

	}


	.iphone-hand {
		position: absolute;

		right: 0;
			margin-right: -149px;
		bottom: 0;

		height: 600px;
		width: 475px;

		height: 211px;
		width: 374px;

		padding: 66px 0 280px 82px;


		background: transparent url("../img/landing/iphone-hand-600.png") top left no-repeat;

		z-index: 1;

	}


	#iphone-screenshot {
		position: absolute;

		height: 377px;
		width: 212px;

		background: transparent url("../img/landing/home-hero-screenshot.gif") top center no-repeat;
		background-size: cover;
	}


	
	
	#home-testimonials, #home-360, #home-use-cases  {
		padding: 50px 0;
		text-align: center
	}
	






#home-video-and-tour {
	background-color: #2980b9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(41, 128, 185)), to(rgb(35, 109, 157)));
	background-image: -webkit-linear-gradient(top, rgb(41, 128, 185), rgb(35, 109, 157));
	background-image: -moz-linear-gradient(top, rgb(41, 128, 185), rgb(35, 109, 157));
	background-image: -o-linear-gradient(top, rgb(41, 128, 185), rgb(35, 109, 157));
	background-image: -ms-linear-gradient(top, rgb(41, 128, 185), rgb(35, 109, 157));
	background-image: linear-gradient(top, rgb(41, 128, 185), rgb(35, 109, 157));


	padding: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #1d5a81;
	text-align: center;
}

	#home-video-and-tour .window {
		
	}


	#home-video {
		float: left;
		width: 470px;

		padding: 50px 0 0 0;

		


		text-align: left;
	}

		#home-video h1 {
			margin: 0;
			padding: 0 0 15px 0;

			color: #fff;
			font-size: 28px;
			font-style: normal;
		}

		#home-video p {
			margin: 0;
			padding: 20px 0 0 0;

			color: #fff;
			font-size: 18px;
			font-weight: 100;
		}

			#home-video p span {
				display: inline-block;
				padding: 5px;

				background: #174666;
			}

		#home-video a {
			display: block;
			position: relative;

			height: 253px;
			width: 450px;



			border: 10px solid #fff;
			border-radius: 4px;
			box-shadow: 0 5px 15px rgba(0,0,0,0.3);
		}



	#home-tour {
		float: right;
		width: 380px;

		padding: 50px 30px 80px 30px;

		background-color: #236d9d;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(35, 109, 157)), to(rgb(29, 90, 129)));
		background-image: -webkit-linear-gradient(top, rgb(35, 109, 157), rgb(29, 90, 129));
		background-image: -moz-linear-gradient(top, rgb(35, 109, 157), rgb(29, 90, 129));
		background-image: -o-linear-gradient(top, rgb(35, 109, 157), rgb(29, 90, 129));
		background-image: -ms-linear-gradient(top, rgb(35, 109, 157), rgb(29, 90, 129));
		background-image: linear-gradient(top, rgb(35, 109, 157), rgb(29, 90, 129));

		border-left: 1px solid #1d5a81;
		border-right: 1px solid #1d5a81;

	}

	
		#home-tour h1 {
			margin: 0;
			padding: 0 0 20px 0;


			color: #10334a;
			font-size: 24px;
			font-style: normal;
			text-align: left;
		}

		
		#home-tour ol {
			margin: 0;
			padding: 0 0 0 25px;

			color: #afd5ed;
			font-size: 19px;
			font-weight: 300;
			text-align: left;
		}


		#home-tour li {
			padding: 0 0 25px 0;
		}
		





	#home-360 {
		background-color: #229a55;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(34, 154, 85)), to(rgb(28, 126, 70)));
		background-image: -webkit-linear-gradient(top, rgb(34, 154, 85), rgb(28, 126, 70));
		background-image: -moz-linear-gradient(top, rgb(34, 154, 85), rgb(28, 126, 70));
		background-image: -o-linear-gradient(top, rgb(34, 154, 85), rgb(28, 126, 70));
		background-image: -ms-linear-gradient(top, rgb(34, 154, 85), rgb(28, 126, 70));
		background-image: linear-gradient(top, rgb(34, 154, 85), rgb(28, 126, 70));

		border-bottom: 1px solid #166236;
	}

		#home-360 h1 {
			margin: 0;
			padding: 0;
			
			color: #f2fcf6;
			font-size: 48px;
		}
		
		#home-360 h2 {
			margin: 0;
			padding: 0 0 20px 0;
			
			color: #acedc8;
			font-size: 21px;
			font-weight: 300;
			
		}

	
	.home-360-section {
		display: inline-block;
		vertical-align: top;
		width: 260px;
		padding: 20px;
	}
	
		.home-360-section h3 {
			margin: 0;
			padding: 0 0 10px 0;
			
			color: #0d391f;
			font-size: 35px;
			text-shadow: 0 2px 0 #25a85d;
		}
		
		.home-360-section p {
			margin: 0;
			padding: 0;
			
			color: #fff;
			font-size: 16px;
			font-weight: 300;
			text-align: left;
		}


	.section-360-image {
		padding: 20px 0;

		margin: 0 0 15px 0;
		width: 100%;

		height: 150px;
	
		background-color: #166236;
		background-position: center;
		background-repeat: no-repeat;
		border-top: 5px solid #28b664;
		border-bottom: 5px solid #28b664;
		border-radius: 10px;
		box-shadow: 0 5px 10px #13542f inset;
	}

		#section-360-before .section-360-image {
			background-image: url("../img/landing/360-before.png");
		}
		#section-360-during .section-360-image {
			background-image: url("../img/landing/360-during.png");
		}
		#section-360-after .section-360-image {
			background-image: url("../img/landing/360-after.png");
		}


	.testimonial {
		display: inline-block;
		width: 500;
		padding: 20px 20px 20px 80px;
		background: transparent url("../img/landing/testimonial-background.png") top left no-repeat;
	}

		.testimonial p {
			margin: 0;
			padding: 0 0 10px 0;

			font-size: 30px;
			font-weight: 500;

			text-align: left;
		}

		.testimonial p.testimonial-source {
			color: #666;
			font-size: 15px;
		}



	#home-use-cases {
		padding: 50px 0;
		background: #16a085;
	}
	
		#home-use-cases h1 {
			color: #fff;
		}

		#home-use-cases ul {
			list-style: none;
			margin: 0;
			padding: 0;

			margin-top: 20px;
		}
		
		#home-use-cases li {
			list-style: none;
			margin: 0;
			
			display: inline-block;
			width: 160px;
			padding: 10px;
				padding-top: 140px;
			
			color: #fff;
			font-size: 15px;
			font-weight: 300;

			background-position: top center;
			background-repeat: no-repeat;
			background-size: 120px 120px;

		}


	#use-events {
		background-image: url("../img/landing/home-where-event.png");
	}

	#use-sales {
		background-image: url("../img/landing/home-where-sales.png");
	}

	#use-townhalls {
		background-image: url("../img/landing/home-where-townhall.png");
	}

	#use-panels {
		background-image: url("../img/landing/home-where-panels.png");
	}

	#use-webinars {
		background-image: url("../img/landing/home-where-webinar.png");
	}

		



/* tour */



	#tour-blurb {
		background: #bdc3c7;
		padding: 30px 0;
	}
		
		#tour-blurb h1 {
			margin: 0;
			padding: 0;
			color: #e74c3c;
			font-size: 48px;
			font-weight: 700;
			text-align: center;
		}


	#tour-features, #tour-comparison, #tour-360, #tour-experience, #tour-action {
		padding: 50px 0;
	}
	
	#tour-features h1, #tour-comparison h1, #tour-360 h1, #tour-experience h1, #tour-action h1 {
		margin: 0;
		padding: 0 0 20px 0;
		text-align: center;
	}

	#tour-features h1 {
		color: #2c3e50;
		font-size: 48px;
	}


	.tour-feature {
		margin: 0 0 20px 0;
		padding: 20px 0 0 0;

		height: auto;
		overflow: hidden;

		border-bottom: 3px solid #ddd;
	}

	
		.tour-feature h2 {
			margin: 0;
			padding: 0;
		
			color: #E67E22;
			font-size: 34px;			
		}
		
		.tour-feature p {
			font-size: 19px;
		}

	
	.feature-screenshot {
		height: 300px;
		width: 250px;

		float: left;
		margin-top: 0;

		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.feature-content {
		float: left;
		width: 600px;

		padding-top: 15px;
		margin-left: 50px;
	}


	#feature-any-device {
		background-image: url("../img/landing/tour-any-device.png");
		background-size: contain;
	}

		#feature-any-device {
			height: 250px;
		}

	#feature-more-questions {
		background-image: url("../img/landing/tour-more-questions.png");
	}

	#feature-whats-important {
		background-image: url("../img/landing/tour-whats-important.png");
	}





	#tour-comparison {
		background: #2c3e50;
	}
	
		#tour-comparison h1 {
			color: #fff;
		}

		#comparison-table {
			background: #000;
			height: 300px;
		}


	#tour-360 {
		
	}
	
		#tour-360 h1 {
		
		}
		
		#tour-360 h2 {
			margin: 0;
			padding: 0;
			
			font-size: 21px;
			font-weight: 300;
			text-align: center;
		}


		
	#tour-experience {
		background: #bdc3c7;
	}
		
		#tour-experience h1 {
			padding: 0 0 20px 0;
			text-align: center;
		}
		
		
	.tour-experience-section {
		float: left;
		margin: 0 0 20px 0;

		padding: 190px 20px 20px 20px;
		height: 150px;
		width: 430px;
		
		background-color: #7f8c8d;
		background-position: center 20px;
		background-repeat: no-repeat;
		background-size: 150px 150px;


		border-radius: 4px;
			
	}


	#tour-experience-export {
		background-image: url("../img/landing/experience-export.png");
		background-position: center 35px;
	}

	#tour-experience-control {
		background-image: url("../img/landing/experience-control.png");
	}

	#tour-experience-identify {
		background-image: url("../img/landing/experience-identify.png");
		background-position: center 30px;
	}

	#tour-experience-branding {
		background-image: url("../img/landing/experience-branding.png");
	}
	
	.tour-experience-section:nth-child(2n) {
		float: right;
	}
		
		
		.tour-experience-section h2 {
			margin: 0;
			padding: 0;
			
			color: #fff;
			text-align: center;
		}
		
		.tour-experience-section p {
			margin: 0;
			padding: 15px 0 0 0;
			
		}
		
		
	#tour-action {
		background: #27ae60;
		text-align: center;
	}
	
		#tour-call-to-action {
			display: inline-block;
			width: auto;
			padding: 20px;
			
			font-size: 30px;
		}
		
		


/* plans */


	#get-started {
		padding: 30px 0;

		background-color: #12826c;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(18, 130, 108)), to(rgb(16, 115, 96)));
		background-image: -webkit-linear-gradient(top, rgb(18, 130, 108), rgb(16, 115, 96));
		background-image: -moz-linear-gradient(top, rgb(18, 130, 108), rgb(16, 115, 96));
		background-image: -o-linear-gradient(top, rgb(18, 130, 108), rgb(16, 115, 96));
		background-image: -ms-linear-gradient(top, rgb(18, 130, 108), rgb(16, 115, 96));
		background-image: linear-gradient(top, rgb(18, 130, 108), rgb(16, 115, 96));

		border-top: 1px solid #1C7B45;
		border-bottom: 1px solid #0e6453;

	}

		#get-started h1 {
			margin: 0;
			padding: 0 0 30px 0;

			color: #e5e5e5;
			font-size: 36px;
			font-weight: 300;
			text-align: center;

		}

		#get-started h2 {
			margin: 0;
			padding: 0;

			color: #92f0de;
			font-size: 28px;
		}

		#get-started p {
			color: #fff;
			font-size: 18px;
			font-weight: 300;
			line-height: 1.4;
		}

		#get-started a {
			color: #E4BC77;
			border-bottom: 1px dotted #E4BC77;
			font-size: 21px;
			font-weight: 500;
		}

		#get-started a:hover {
			border-bottom-style: solid;
		}

		#get-started p#reminder-link {

			padding-left: 32px;
			background: transparent url("../img/landing/get-started-reminder-icon-10.png") 0px center no-repeat;
		}

		#get-started p#learn-link {

			padding-left: 47px;
			background: transparent url("../img/landing/get-started-learn-icon.png") 0px center no-repeat;
		}


	#get-started-1, #get-started-2 {
		padding: 10px 0;
		float: right;
		width: 47%;
	}

	#get-started-1 {
		float: left;
		padding-right: 2.5%;

		border-right: 2px dotted #0c5547;

	}


	#plans {
		padding: 30px 0 50px 0;

		background-color: #16a085;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(22, 160, 133)), to(rgb(20, 145, 121)));
		background-image: -webkit-linear-gradient(top, rgb(22, 160, 133), rgb(20, 145, 121));
		background-image: -moz-linear-gradient(top, rgb(22, 160, 133), rgb(20, 145, 121));
		background-image: -o-linear-gradient(top, rgb(22, 160, 133), rgb(20, 145, 121));
		background-image: -ms-linear-gradient(top, rgb(22, 160, 133), rgb(20, 145, 121));
		background-image: linear-gradient(top, rgb(22, 160, 133), rgb(20, 145, 121));


	}

	#plans h1 {
		margin: 0;
		padding: 0 0 10px 0;

		color: #08372e;
		font-size: 36px;
		font-weight: 300;
		text-align: center;
	}
	
	#plans p#plans-subhead {
		margin: 0;
		padding: 0 0 30px 0;
	
		color: #fff;
		font-size: 19px;
		text-align: center;
	}

	#plans table {
		margin: 0 auto;
		width: 100%;
	}

	#plans td {

		padding: 5px;

		background-color: #1abc9c;
		border-bottom: 2px solid #12826c;
		color: #fff;
		font-size: 18px;
		font-weight: 300;
		text-align: center;
	}


	.plan-column {
		width: 22%;
	}




	#plans td.row-header {
		padding: 15px 0;
		background: transparent;
		padding-right: 15px;

		font-size: 21px;
		font-weight: 500;
		text-align: right;
	}

	#plans td.row-header .speaking {
		display: block;
		padding-top: 5px;
		padding-left: 30px;

		color: #eee;
		font-size: 16px;
		font-weight: 100;
	}


	#plans td.plan-option-included {
		background-image: url("../img/landing/icon-checkmark-white-30px.png");
		background-position: center;
		background-repeat: no-repeat;
	}

	#plans td.row-header-price {
		background-color: #8e44ad;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(142, 68, 173)), to(rgb(122, 58, 149)));
		background-image: -webkit-linear-gradient(top, rgb(142, 68, 173), rgb(122, 58, 149));
		background-image: -moz-linear-gradient(top, rgb(142, 68, 173), rgb(122, 58, 149));
		background-image: -o-linear-gradient(top, rgb(142, 68, 173), rgb(122, 58, 149));
		background-image: -ms-linear-gradient(top, rgb(142, 68, 173), rgb(122, 58, 149));
		background-image: linear-gradient(top, rgb(142, 68, 173), rgb(122, 58, 149));

	}

	#plans td.plan-concurrency {
		color: #fff;
		font-size: 23px;
	}

	#plans td.plan-price {
		padding-top: 15px;
		padding-bottom: 15px;

		font-size: 28px;
		text-align: center;

		background-color: #8e44ad;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(142, 68, 173)), to(rgb(122, 58, 149)));
		background-image: -webkit-linear-gradient(top, rgb(142, 68, 173), rgb(122, 58, 149));
		background-image: -moz-linear-gradient(top, rgb(142, 68, 173), rgb(122, 58, 149));
		background-image: -o-linear-gradient(top, rgb(142, 68, 173), rgb(122, 58, 149));
		background-image: -ms-linear-gradient(top, rgb(142, 68, 173), rgb(122, 58, 149));
		background-image: linear-gradient(top, rgb(142, 68, 173), rgb(122, 58, 149));

	}


	#plans td.plan-action {
		padding: 15px 10px;
	}


	.plan-action a.btn {
		display: inline-block;
		padding: 10px;
		width: 100%;
	}


	#plans td.plan-header {
		background: transparent;
		padding: 20px 0 10px 0;

		font-size: 24px;
		font-weight: 500;
	}

	/*
		the emphasized column
	*/



	#plans td.emphasized {
		width: 30%;

		background-color: #12826c;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		border-bottom-color: #0e6453;
	}


	#plans td.plan-header.emphasized {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border: none;
		border-bottom: 2px solid #0E6453;
	}


	#trial-callout {
		margin-top: 40px;

		background: #1ABC9C;
		border-radius: 4px;
	}

	#trial-callout a {
		display: block;
		padding: 20px 150px 20px 20px;

		background: transparent url("../img/landing/chevron-right.png") 96% center no-repeat;
		border-radius: 4px;

		color: #fff;
		font-size: 16px;
		font-weight: 300;
		line-height: 1;
	}

		#trial-callout a:hover {
			background-color: #12826C;
		}


	#trial-callout a #trial-topline {
		display: block;
		padding-bottom: 7px;
		font-size: 26px;
	}




	#plans-multi, #plans-testimonial, #plans-faq {
		padding: 50px 0;
		
	}
	
	
	
	#plans-testimonial {
		background: #444;
	}


	#plans-faq {
		background: #ccc;
	}

		.faq {
			display: block;
			float: left;
			height: 260px;
			margin: 0 0 20px 0;
			padding: 20px;
			width: 420px;
			
			background: #ddd;
			border-radius: 4px;
			
		}
		
		.faq:nth-child(2n+1) {
			float: right;
		}




		.faq h2 {
			margin: 0;
			padding: 0;
		}





/* signup */

	#signup-left {
		float: left;
		width: 530px;
	}

	#signup-right {
		float: right;
		width: 330px;
	}



	#order-details {
		padding: 20px;

		

	}

	#order-details h2 {
		margin: 0;
		padding: 15px;

		background: #1d5a81;
		color: #fff;
	}

	#order-details p {
		margin: 0;
		padding: 15px;

		background-color: #2980b9;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(41, 128, 185)), to(rgb(35, 109, 157)));
		background-image: -webkit-linear-gradient(top, rgb(41, 128, 185), rgb(35, 109, 157));
		background-image: -moz-linear-gradient(top, rgb(41, 128, 185), rgb(35, 109, 157));
		background-image: -o-linear-gradient(top, rgb(41, 128, 185), rgb(35, 109, 157));
		background-image: -ms-linear-gradient(top, rgb(41, 128, 185), rgb(35, 109, 157));
		background-image: linear-gradient(top, rgb(41, 128, 185), rgb(35, 109, 157));
		color: #fff;
	}


	#order-next {
		padding: 20px;
	}

		#order-next h2 {
			margin: 0;
			padding: 15px;

			background: #555;
			color: #fff;
		}

		#order-next p {
			margin: 0;
			padding: 15px;

			background-color: #ccc;
			
		}


	



footer {
	padding: 10px 0;

	background: #8E44AD;
	text-align: center;
}

	footer p {
		margin: 0;
		padding: 10px 0;

		color: #ECF0F1;
		font-size: 18px;
		font-weight: 500;
	}

	footer a {
		color: #ECF0F1;
		border-bottom: 1px dotted #fff;
	}






	#mobile-header {
		padding: 40px 0;

		background: #ffc;
	}

	#mobile-header p {
		margin: 0;
		padding: 0 0 20px 0;

		font-size: 20px;
		font-weight: bold;
		text-align: center;

	}

	#mobile-header a {

		padding: 15px 0;

		font-size: 24px;
		font-weight: bold;
		text-align: center;
	}




@media (max-width:700px) {
  
	.window {
		margin: auto;
		padding: 0 3%;
		width: 94%;
	}

	#logo, #nav {
		float: none;
	}

	#logo {
		padding: 10px 0;
		width: 100%;
		text-align: center;
	}

		#logo img {
			height: auto;
			width: 90%;
				max-width: 400px;
		}



	#nav {

	}

		#nav li {
			margin-left: 0;
			display: block;

		}

		#nav a {
			font-size: 26px;
			text-align: center;
		}

			#nav a span.nav-speaking {
				font-size: 18px;
			}

		#nav li#sign-in a {
			margin-top: 20px;
			margin-left: 0;
			padding: 10px 0;

			background-image: none;
		}


/* hero section */

	.iphone-hand  {
		display: none;
	}

	#hero {
		padding: 30px 0;
		height: auto;
	}
		#hero-blurb {
			position: static;
			width: auto;
		}

		#hero h1 {
			font-size: 21px;
		}

		#hero p {
			font-size: 16px;
		}


		#hero .btn {
			font-size: 21px;
		}



/* video and tour */

	#home-video, #home-tour {
		float: none;
		width: auto;
	}

	#home-video {
		display: none;
	}

		#home-video a {


			height: 150px;
			width: 100%;

			box-sizing: border-box;

		}

	#home-tour {
		margin: 0;
		padding: 30px 0 15px 0;
		background: transparent;
		border: none;
	}




/* tour page */

	
		
	#tour-blurb h1 {
		font-size: 21px;

	
	}

	.tour-feature h2 {
		font-size: 22px;			
	}
	
	.tour-feature p {
		font-size: 16px;
	}

	
	.feature-screenshot {
		height: 300px;
		width: 100%;
		float: none;
	}

	.feature-content {
		float: none;
		width: 100%;

		margin: 0;
		padding-top: 15px;
	}



	.tour-experience-section {
		float: none;
		width: 100%;

		margin: 0 0 10px 0;

		padding: 190px 20px 20px 20px;
		height: auto;
		
		


		box-sizing: border-box;			
	}

	.tour-experience-section:nth-child(2n) {
		float: none;
	}


}





@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

  /* Styles for tablet */

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {



}