/*
--------------------------------------------------- Page
*/

#page_wrapper {
	float: left;
	width: 100%;
}

footer {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 1em;

	/*
	position: absolute;
	bottom:0;
	background-color: rgb(255,255,255);
	z-index: -100;
	*/
}

footer p {
	font-size: .8em;
}


/*
--------------------------------------------------- Hero
*/

.hero_wrapper {
	position: absolute;
	z-index: 40;
	top: 5.5em;
	width: 100%;
	height: 20em;
	background-color: rgb(0,0,0);
	overflow: hidden;
}

.hero_image {
	width: 50%;
	float: left;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.headline_wrapper {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-left: 1em;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hero_wrapper h1 {
	color: rgb(195, 215, 192);
	font-size: 2.6em;
	padding: 0;
	margin: 0;
	font-weight: 400;
	line-height: 1.4em;
	width:5em;
	overflow: visible;
}

.hero_wrapper h2 {
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-size: 1.1em;
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	padding: .5em 0 0 0;
	margin: 0;
	line-height: 1.4em;
}

/*
--------------------------------------------------- scroller
*/
#booth_video {
	position: absolute;
	right: 10%;
	display: block;
	width: 25%;
	top: 10%;
	max-height: 16em;
}

#scrolling_application_list {
	color: rgb(150,150,150);
	position: absolute;
	right: 8%;
	display: block;
	width: auto;

	animation-name: scroll;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

	-webkit-animation-name: scroll;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes scroll {
	from {top: 0;}
	to {top: -35em;}
}

#scrolling_application_list ul,
#scrolling_application_list ul li {
	margin: 0;
	padding: 0;
	text-align: center;
	text-indent: 0;
	list-style: none;
	font-size: 1em;
	line-height: 2em;
	font-style: italic;
	font-weight: 200;
}

/*
--------------------------------------------------- Content Wrappers
*/

.content_wrapper {
	position: relative;
	width: 100%;
	max-width: 50em;
	margin: 25.5em auto 0 auto;
	padding-bottom: 5em;
	float: none;
}

.content_wrapper h3 {
	font-weight: 500;
	color: rgb(0, 125, 60);
	border-bottom: 2px solid rgb(0,0,0);
	padding: .3em 0;
	margin: .6em 0 .7em 0;
	font-size: 1.7em;
	display: block;
	float: left;
	width: 100%;
}

.h3special,
.content_wrapper h3 .special {
	font-weight: 300;
	letter-spacing: .05em;
	font-family: 'Oswald', sans-serif;
	float: right;
	font-size: .55em;
	background: linear-gradient(to right, rgb(255,255,255), rgb(207,14,41) 60%);
	color: rgb(250,237,132) !important;
	text-decoration: none;
	font-style: italic;
	padding: .2em 1em .3em 6em;
	margin-top: .3em;
	box-sizing: border-box;
	text-align: right;
}

.content_wrapper h4 {
	font-weight: 500;
	color: rgb(0, 125, 60);
	padding: .3em 0;
	margin: 0;
	font-size: 1.3em;
}

.content_wrapper h4+p {
	margin-top: 0;
}

/*
--------------------------------------------------- Columns
*/

.col-fourty,
.col-left {
	width: 40%;
	float: left;
	box-sizing: border-box;
}

.col-sixty,
.col-right {
	width: 60%;
	float: left;
	padding-left: 2em;
	box-sizing: border-box;
}

.col-third {
	width: 32%;
}

.col-quarter {
	width: 24%;
}

h3 + .col-sixty,
.col-sixty:first-child {
	padding-left: 0;
	padding-right: 2em;
}

.col-half {
	width: 50%;
	padding-right: 1em;
	float: left;
	clear: none;
}

.col-half + .col-half {
	padding-left: 1em;
	padding-right: 0;
}

.col-two-thirds {
	width: 66%;
	padding-right: 1em;
	float: left;
	clear: none;
}

.col-three-quarters {
	width: 75%;
	padding-right: 1em;
	float: left;
	clear: none;
}

.col-one-quarter {
	width: 25%;
	padding-right: 1em;
	float: left;
	clear: none;
}

video.fill_width,
img.fill_width {
	width: 100%;
	height: auto;
}

.col-half>p {
	margin-top: 0;
}


/*
--------------------------------------------------- Text
*/

.tab {
	padding-left: 1em;
}
.tab2 {
	padding-left: 2em;
}
.tab3 {
	padding-left: 3em;
}
.tab4 {
	padding-left: 4em;
}

#edit_page_link {
	width: 20em;
	float: left;
	position: absolute;
	right: .5em;
	left: .5em;
	z-index: 70;
}

.alert {
	color: hsl(0,100%, 60%);
	width: 100%;
	float: left;
	margin: 1em;
}

#announcement {
	float: right;
	width: 100%;
	text-align: right;
}

#announcement p {
	margin: 0;
	padding: 0 .2em 0 0;
	float: right;
	width: 100%;
	text-align: right;
	box-sizing: border-box;
}

#announcement p a:visited,
#announcement p a:link {
	margin: 0;
	padding: 0;
	float: right;
	width: 100%;
	text-align: right;
	color: rgb(207,14,41);
	text-decoration: none;
	font-style: italic;
	font-weight: 300;
	font-size: 1.3em;
	font-family: 'Oswald', sans-serif;
}

#contact_page .button {
	padding-left: 3em;
	padding-right: 3em;
}

p + ul {
	margin-top: -1em;
}

/*
--------------------------------------------------- gallary
*/

.gallery_container {
	width: 100%;
	overflow: hidden;
}

.gallery_container .photo_container {
	width: calc(50% - .5em);
	overflow: hidden;
	margin: 0;
	float: left;
	clear: none;
}

.gallery_container .photo_container:nth-child(1) {
	margin-right: 1em;
}

.gallery_container .photo_container img {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
	float: left;
}

.gallery_container .photo_container .photo_caption {
	width: 100%;
	max-width: 100%;
	margin-bottom: .5em;
	margin-top: 0;
	float: left;
	font-weight: 600;
	font-size: .8em;
}

/*
--------------------------------------------------- Special text
*/

.mini {
	font-size: .85em;
}

.mini.mini {
	font-size: .8em;
}

.website_bl {
	width: 2px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	height: 2px;
	border: none;
}

.inline_green {
	color: rgb(0, 125, 60);
}

.update_link {
	float: left;
	width: 100%;
	font-size: .9em;
}

.update_link.extra_top {
	margin-top: 1.5em;
}

.comments_header {
	float: left;
	width: 60%;
	margin-right: 40%;
	font-size: 1.1em;
	margin-bottom: 1em;
}

.sketchfab-embed {
	width: 40%;
	height: 18em;
	float: right;
	overflow: hidden;
	margin-left: 2em;
}

@media screen and (min-width: 900px) {
	.comp_neg_top_m {
		margin-top: -7em;
		z-index: -10;
		position: relative;
	}
}

.float_thirty {
	width: 30%;
	margin-right: 1em;
}

.float_fourty {
	width: 40%;
	margin-right: 1em;
}

.float_sixty {
	width: 60%;
	margin-right: 2em;
}

.float_right {
	float: right;
}

.float_left{
	float: left;
}
#internalcombustion2 {
	width: 26em;
	height: 26em;
	margin-left: 1em;
}
.clear_both {
	clear: both;
}
.margin_left {
	margin-left: 2em;
}
.margin_right {
	margin-right: 2em !important;
}

.pseudo_img {
	margin: 1em;
}

.pseudo_img img {
	width: 100%;
}
.caption {
	width: 100%;
	float: left;
	clear: both;
	font-weight: 600;
	text-align: center;
	padding-bottom: .5em;
	font-size: .8em;
}

.content_wrapper .video_wrapper {
	overflow: hidden;
}

.video_wrapper video {
	margin: -2px;
	width: calc(100% + 4px);
}

.download_wrapper a,
.download_wrapper a:visited,
.download_wrapper a:link {
	color: black;
	font-size: .9em;
	font-weight: 600;
	line-height: 2em;
}

/*
 special
 */

h6 .align-left,
h6 .align-right,
h6 .align-center {
	clear: both;
	display: inline-block;
	width: 100%;
	margin: 0;
	margin-bottom: .4em;
	font-size: 1.1em;
}

h6 .align-right {
	margin-bottom: 0;
}

#Applications_Collage {
	float: left;
	clear: both;
	width: 85em;
	margin-left: -15em;
	margin-bottom: 2em;
}

.green_buttons li {
	float: left;
	clear: both;
	margin: .3em 0;
	display: block;
	background: linear-gradient(to right, rgb(255,255,255), rgb(0, 125, 60) 60%);
	text-align: right;
	width: 100%;
}

.green_buttons li a {
	float: right;
	padding: .3em .8em;
	display: block;
	text-align: right;
	width: 100%;
	color: rgb(255, 234, 39) !important;
	font-size: 1.1em;
	font-weight: 300;
	text-decoration: none;
	font-style: italic;
	font-family: 'Oswald', sans-serif;
}

#applications_page .small_text.force_float {
	margin-top: 16em;
}

#index_page .green_buttons {
	margin-top:0;
	float: right;
	width: 80%;
}

/*
#people_page .hero_image {
	width: 65% !important;
}
#people_page .headline_wrapper {
	width: 35% !important;
}
*/