/* GLOBAL STYLES */
body {
	background: url(img/pattern-space-baseballs.png);
	background-size: 300px;
	font-family: Georgia,Times,Times New Roman,serif;
}
@media screen and (min-width: 1000px) {
	body {
		overflow-x: hidden;
	}
}
a {
	text-decoration: none;
	color: inherit;
	display: block;
}
h1 {
	font-weight: 400;
	font-size: 44px;
	margin: 10px 0px 10px 0px;
	padding: 0;
}

/* HOMEPAGE */
.homepage {
	width: 850px;
	height: 750px;
	padding:0px;
	border: solid 2px transparent;
	position: relative;
	margin: 100px auto 0 auto;
}
img.home-logo {
	display: block;
	margin: 225px auto 0 auto;
}
.home-icon {
	position: absolute;
	color: #ee5b21;
	opacity: 0;
	transition: opacity 1400ms;
	-moz-transition: opacity 1400ms;
	-webkit-transition: opacity 1400ms;
}
.home-icon p {
	margin: 14px 0 10px 0;
	display: block;
	text-align: center;
	position: relative;
}
.home-icon img {
	margin: 0 auto;
	display: block;
	position: relative;
}
.home-icon.kid {
	top: 275px;
	left: 45px;
}
.home-icon.president {
	top: 10px;
	left: 200px;
}
.home-icon.dream {
	top: 20px;
	right: 145px;
}
.home-icon.test {
	top: 310px;
	right: 10px;
}
.home-icon.translate {
	bottom: 105px;
	right: 175px;
}
.home-icon.awesome {
	bottom: 90px;
	left: 130px;
}
.home-icon.awesome p {
	margin: 0px;
}

/* VIDEO SECTION */
.video-section {
	max-width: 900px;
	margin: 50px auto;
	text-align: center;
	opacity: 0;
	transition: opacity 1400ms;
}
.video-section h2 {
	color: #4CF2FF;
	font-size: 32px;
	margin-bottom: 20px;
}
.video-section video {
	max-width: 100%;
	border: 4px solid #ee5b21;
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(238, 91, 33, 0.5);
}

/* HOMEPAGE ANIMATION */
.rocket {
	position: absolute;
	top: 300px;
	transition: opacity 1400ms;
}
.rocket:nth-child(1) {
	left: -350px;
	animation: rocket-one 3s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}
.rocket:nth-child(2) {
	right: -350px;
	animation: rocket-two 3s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}
h1.home {
	margin: 0 auto;
	left: 0;
	right: 0;
	display: block;
	width: 400px;
	position: absolute;
	color: #4CF2FF;
	animation: slide-in 2s;
	animation-fill-mode: forwards;
	transition: opacity 1400ms;
}

@keyframes slide-in {
	0% {
		top: 0px;
	}
	100% {
		top: 250px;
	}
}
@keyframes rocket-one {
	0% {
		left: -350px;
		top: 300px;
	}
	100% {
		left: 10%;
		top: 50px;
	}
}
@keyframes rocket-two {
	0% {
		right: -350px;
		top: 300px;
	}
	100% {
		right: 10%;
		top: 50px;
	}
}


/* TEMPLATE/INTERIOR PAGE(S) */
.wrap {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

/* LEFT NAV */
nav {
	width: 230px;
	left: 0;
	position: absolute;
}
nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
nav li {
	text-align: center;
	color: #ee5b21;
}
nav li:not(.fade) {
	margin: 30px 0px 0px 0px;
}
nav li.fade {
	margin-bottom: 35px;
}
nav li:not(.fade) img {
	margin: 0 auto 15px auto;
	display: block;
}
nav li.logo img {
	max-width: 200px;
	margin-bottom: 50px;
}

/* TEMPLATE CONTENT */
.template {
	right: 0;
	position: absolute;
}
table {
	border-collapse: collapse;
	max-width: 600px;
	background: rgba(255, 255, 255, .1);
	color: #dfdfdf;
}
td {
	padding: 30px;
	border: 4px solid #dfdfdf;
}
td p {
	font-size: 22px;
	margin: 0 0 25px 0;
}

/* SURVEY */
.checkbox-container {
	background: rgba(255, 255, 255, .4);
	margin-bottom: 25px;
	padding: 15px;
}
.checkbox-container .row:first-child {
	margin: 0px 0px 15px 0px;
}
.checkbox-container input[type="checkbox"] {
    -ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
 	-o-transform: scale(1.5); /* Opera */
}
.checkbox-container span {
	margin-left: 15px;
	display: inline-block;
	color: black;
}
button {
	padding: 18px 50px 18px 22px;
	border-radius: 8px;
	border: none;
	font-size: 22px;
	font-family: Georgia,Times,Times New Roman,serif;
	color: white;
	background: #ee5b21;
	cursor: pointer;
	position: relative;
}
button:after {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	margin-left: 16px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 18px solid white;
}

/* RESULTS PAGE(S) */
p.big {
	font-size: 38px;
}
.results img {
	max-width: 260px;
	margin: 25px 0px 0px 0px;
	float: left;
}
.results p {
	font-size: 16px;
	max-width: 230px;
	line-height: 28px;
	float: left;
	margin: 35px 0px 0px 75px;
}