@charset "UTF-8";

/*
	Spatial by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/* Basic */

	body, input, select, textarea {
		font-size: 12pt;
	}

	header.major h2 {
		font-size: 2em;
	}
	

	header.major p {
		font-size: 1.1em;
	}

/* Feature */

	.feature-grid .feature {
		display: block;
		width: 100%;
	}

		.feature-grid .feature .content {
			width: 65%;
		}

		.feature-grid .feature .image {
			margin-left: 0 !important;
			margin-right: 0 !important;
		}

/* Header */

	#skel-layers-wrapper {
		padding-top: 2em;
	}

	#header {
		display: none;
	}

/* Banner */


	#banner {
		padding: 6em 2em 6em 2em;
	}

		#banner br {
			display: none;
		}

		#banner h2 {
			font-size: 2.25em;
		}

		#banner p {
			font-size: 1.25em;
		}



/* Wrapper */

	.wrapper {
		padding: 4em 0 2em 0;
	}

/* One */

	#one {
		text-align: center;
	}

/* Footer */

	#footer {
		padding: 3em 0 2em 0;
	}

		#footer .icons {
			font-size: 1em;
		}

/* Layers */

	#navButton .toggle {
		text-decoration: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

		#navButton .toggle:before {
			content: "\2630";
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		#navButton .toggle:before {
			background: rgba(144, 144, 144, 0.65);
			border-radius: 4px;
			color: #fff;
			display: block;
			font-size: 16px;
			height: 2.25em;
			left: 0.5em;
			line-height: 2.25em;
			position: absolute;
			text-align: center;
			top: 0.5em;
			width: 3.5em;
		}

	#navPanel {
		background: #222;
		color: #fff;
	}

		#navPanel nav {
			padding: 0.5em 1.25em;
			text-transform: uppercase;
		}

			#navPanel nav ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#navPanel nav ul li {
					padding: 0;
				}

					#navPanel nav ul li:first-child a:not(.button), #navPanel nav ul li:first-child span:not(.button) {
						border-top: 0;
					}

					#navPanel nav ul li a:not(.button), #navPanel nav ul li span:not(.button) {
						border-top: solid 1px #555;
						color: #fff;
						display: block;
						padding: 0.75em 0;
						text-decoration: none;
					}

			#navPanel nav .button {
				width: 100%;
			}