/*
Theme Name: Re-Mission 2
Theme URI: https://www.re-mission2.org
Author: Hauck Interactive, Inc.
Author URI: https://hauckinteractive.com/
Description:
Version: 1.0
*/
html, body{width:100%;height:100%;}
body {color:#666; font:14px/20px Helvetica, Arial, sans-serif; margin:0; padding:0; overflow:hidden;}
body.subpage{overflow:auto !important; background:url('img/bgd/home.jpg') top center no-repeat;}
body#page.page.page-id-124.page-template.page-template-subpage-php.subpage{background:url('img/bgd/resources.jpg') top center no-repeat !important;}
body.admin-bar{padding-top:21px;}
body.admin-bar article{padding: 180px 40px 0 20px;}
img{border:none;}
h1{font-size:24px; line-height:26px;}
h2{font-size:16px;}
strong, b{color:#000;}
h1, h2, h3{color:#f60; text-transform:uppercase; font-family: 'Raleway', sans-serif;}
h1{color:#f60; text-transform:uppercase;}
a{text-decoration:none; color:#00a2ff;}
a, li{
    transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

nav, footer{display:block;}

/* MAIN HEADER */

#mainheader{width:100%; height:137px; display:block; position:absolute; z-index:100;}
#headercontent{width:980px; margin:0 auto;}
#logo{width:283px; height:82px; margin-left:700px;}

/* PLAY NOW */
#playnow, #playnowmobile{font:18px/16px 'Raleway', sans-serif; width:162px; height:40px; z-index:99; color:#93ca3b; text-transform:uppercase; font-weight:bold; background:url(img/play-games-btn-up.png) no-repeat;}
#playnow:hover, #playnowmobile:hover{text-transform:uppercase; color:#eced00; background:url(img/play-games-btn-over.png) no-repeat;}

#playnow{padding:20px 0 0 29px; position:absolute; right:-15px; top:35%;/*270px*/}
.subpage #playnow{right:0;}
#playnowmobile{
	height: 42px;
    margin-top: 10px;
    padding: 23px 20px 0 26px;
    width: 140px;
    display:none;
}

/* WHAT DO YOU THINK */
#whatDoYouThink, #whatDoYouThinkMobile{font:18px/17px 'Raleway', sans-serif; width:110px; height:57px; z-index:100; color:#93ca3b; text-transform:uppercase; font-weight:bold; background:url(img/what-do-you-think-up.png) no-repeat;}
#whatDoYouThink:hover, #whatDoYouThinkMobile:hover{text-transform:uppercase; color:#eced00; background:url(img/what-do-you-think-over.png) no-repeat;}

#whatDoYouThink{padding:17px 20px 0 29px; position:absolute; left:0; top:35%;/*270px*/}
.subpage #whatDoYouThink{left:0;}

#whatDoYouThinkMobile{padding:20px 30px 0 27px; display:none;}

#feedbackForm{
    max-width: 600px;
	width:85%;
	padding-left:5%;
	display:none;
}
#feedbackForm textarea, .your-comments{width:90%;}

/* NAV */
#navHolder{height:40px; margin:0 auto; z-index:15;}
#mainnav{z-index:200; font:15px/18px 'Raleway', sans-serif; text-align:center; font-weight:bold; width:700px; margin:8px auto 0 auto; text-transform:uppercase;}
#mainnav ul, #mainnav li{margin:0; padding:0;}
#mainnav a:link, #mainnav a:visited{color:#fff;}
#mainnav li:hover a, #mainnav li.selected a{color:#93ca3b;}

#mainnav li{height:40px; list-style:none; display:inline-block;}
#mainnav li a{background:#000; display:block; padding:3px 12px;}
#mainnav li.close{display:none;}

#mainnav li.home{background:url(img/arrow.png) no-repeat; background-position: 20px 0;}
#mainnav li.about{background:url(img/arrow.png) no-repeat; background-position: 26px 0;}
#mainnav li.sponsors{background:url(img/arrow.png) no-repeat; background-position: 41px 0;}
#mainnav li.partners{background:url(img/arrow.png) no-repeat; background-position: 40px 0;}
#mainnav li.research{background:url(img/arrow.png) no-repeat; background-position: 40px 0;}
#mainnav li.resources{background:url(img/arrow.png) no-repeat; background-position: 40px 0;}
#mainnav li.contactus{background:url(img/arrow.png) no-repeat; background-position: 50px 0;}

#mainnav li.home:hover, #mainnav li.home.selected{background-position: 20px 20px;}
#mainnav li.about:hover, #mainnav li.about.selected{background-position: 26px 20px;}
#mainnav li.sponsors:hover, #mainnav li.sponsors.selected{background-position: 41px 20px;}
#mainnav li.partners:hover, #mainnav li.partners.selected{background-position: 40px 20px;}
#mainnav li.research:hover, #mainnav li.research.selected{background-position: 40px 20px;}
#mainnav li.resources:hover, #mainnav li.resources.selected{background-position: 20px 20px;}
#mainnav li.contactus:hover, #mainnav li.contactus.selected{background-position: 35px 20px;}

.nav-toggle{display:none;}

/* HOME */
#teaser{position:relative; width:540px; height:328px; background:url(img/teaserbgd.png) no-repeat; margin:0 auto; background-size: 100% 100%;}
#video iframe,
#video object,
#video embed {
    max-width:484px;
    max-height:272px;
    position:absolute;
    left:30px;
    top:30px;
    width: 100%;
    height: 100%;
}
#tagline{margin-top:5px; text-align:center; font-family: 15px/18px 'Raleway', sans-serif; font-weight:bold; color:#000; margin-bottom:10px;}
#tagline h1{font-size:23px; line-height:26px; margin:10px 0 3px 0;}
#tagline p{margin:5px 0;}

#sponsorsbox{margin:0 auto; width:916px; height:100px; background:url(img/sponsorsbgd.png) no-repeat;}
#sponsorlabel{font: 11px/12px 'Raleway', sans-serif; font-weight:bold; text-transform:uppercase; width:60px; padding:20px 0 0 20px; float:left;}
#sponsorlogos{text-align:right; padding:20px 40px 0 0; width: 790px; float:right;}
#sponsorlogos ul, #sponsorlogos li{margin:0; padding:0;}
#sponsorlogos li{list-style:none; display:inline-block; margin-right:15px;}
#sponsorlogos li a{display:inline;}
#sponsorlogos img{width:115px; height:auto;}

#homefooter{position:relative;}
#footerlinks{width:760px; float:left; margin-top:10px; font-size:12px; color:#666; line-height:12px;}
#footerlinks span{display:block; color:#ccc;}
#footerlinks a{font-weight:bold;}
#footerlinks small{font-size:10px; line-height:11px !important;}
#hopelab{margin-top:5px; width:140px; height:50px; float:right;}

.appbtns small{display:block;}

/* SPONSORS */
#sponsors ul{padding:0;}
#sponsors li{display:inline-block; padding:10px;}
#sponsors li img{width:100%; height:auto; margin-bottom:20px;}
#sponsors li{list-style:none; display:inline-block; width:28%;}
#innerlogos{margin:20px 0; display:block;}
#innerlogos img{width:100%; height: auto;}

/* DESKTOP INTERFACE */
div#main{position:absolute; top:0; width:100%; height:100%;}
div.pane, #pane-target{position:relative; overflow:hidden; width:100%; height:100%;}
#holder{position:absolute; top:0; left:0; width:6600px; height:5000px;}

article{z-index:2; position:absolute; padding:140px 40px 0 20px; display:block; width:900px;}
div.content{width:550px; margin:0 auto; padding-bottom:50px;}
body.subpage div.content {padding-top:160px; min-width:270px;}

article#home{top:0; left:1200px;}
article#about{top:2194px; left:1102px;}
article#sponsors{top:270px; left:2960px;}
article#partners{top:3087px; left:3016px;}
article#research{top:1060px; left:4774px;}
article#services{top:270px; left:5665px;}
article#resources{top:4000px; left:580px;}
article#contactus{top:2981px; left:5060px;}

/* Backgrounds */
.bgd{z-index:-1; position:absolute;}
.homebgd{top:0; left:630px; width:2000px; height:740px;}
.aboutbgd{top:2051px; left:776px; width:1646px; height:1076px;}
.sponsorsbgd{top:270px; left:2740px; width:1440px; height:986px;}
.partnersbgd{top:2987px; left:2630px; width:1592px; height:1144px;}
.researchbgd{top:865px; left:4500px; width:1509px; height:1196px;}
.resourcesbgd{top:4000px; left:270px; width:1509px; height:1196px;}
.contactusbgd{top:2920px; left:4780px; width:1569px; height:1048px;}

.title{color:#fff; background:#000; padding:10px 0 5px 10px; display:none;}
.title h1{margin:0; padding:0; color:#fff; display:inline;}
.top{font-size:12px; width:50px; float:right;}
.top a:link, .top a:visited{color:#fff; opacity:0.7;}
.top a:hover{opacity:1;}
.top img{display:inline-block; margin-left:5px;}

/* Custom scrollbar styling */
.jspScrollable:focus{outline:none;}
div.jspVerticalBar {
  width: 10px;
  background: transparent;
}
div.jspTrack {
  background: transparent;
}
div.jspDrag {
  background: #000;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jspCapTop{display: block; height: 20px;}
.jspCapBottom{display: block; height: 50px;}

/* MOBILE FOOTER */
#mobilefooter{background:#000; padding:15px 15px 30px 15px; color:#666; display:none; text-align:center; font-size:12px; line-height:16px;}
#mobilefooter > a{display:block; font-weight:bold; padding-bottom:30px;}
#mobilefooter a:link, #mobilefooter a:visited{color:#f60;}
#mobilefooter a:hover{color:#00a2ff;}

/* RESOURCES */
.page-id-124 h2, #resources h2{margin-top:40px;}
.page-id-124 table, #resources table{margin:10px auto 40px auto; width:90%;}
.page-id-124 td, #resources td{text-align:center; width:46%;}
.page-id-124 td, #resources td{padding:0 2%;}
.page-id-124 td a.btn, #resources td a.btn{font-weight:bold; font-family: 'Raleway', sans-serif; text-transform:uppercase; display:inline-block; background: #000; padding:2px 7px; margin:10px 0; color:#fff;}
.page-id-124 td a.btn:link, #resources td a.btn:visited{color:#93ca3b;}
.page-id-124 td a.btn:link, #resources td a.btn:visited{color:#93ca3b;}
.page-id-124 td a.btn:hover, #resources td a.btn:hover{color:#eced00;}

.page-id-124 td img, #resources td img{
	width:100%;
	height:auto;
	max-width:155px;
}

.page-id-124 td a:hover img, #resources td a:hover img{
	-webkit-box-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
	-moz-box-shadow:    0px 0px 20px rgba(255, 255, 255, 1);
	box-shadow:         0px 0px 20px rgba(255, 255, 255, 1);
}

/* CONTACT US */
input[type=text], textarea{width:80%;}
.button{cursor:pointer; font:bold 14px/16px 'Raleway', sans-serif; border:none; padding:5px 20px; text-transform:uppercase; color:#93ca3b; border-radius:0; background:#000;}
.button:hover{color:#eced00;}
span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #f00000;
	font-size: 11px;
	padding: 2px 10px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
div.wpcf7-validation-errors {
	background: #f30000;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}
div.wpcf7-mail-sent-ok {
	border: none;
	background: #63cb00;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.wpcf7-text{width:80%;}

#footerlinks{width:450px; padding-left:40px; text-align:center;}
#footerlinks small{margin-top:5px; display:block;}
#homefooter .appbtns{width:260px; float:right; text-align:right; margin-top:-10px;}
.appbtns img{height:35px; width:auto;}

#mobilefooter .appbtns {padding-top:20px; width:100%; float:none;}
#mobilefooter .appbtns > a{margin:0 5px;}
#hopelab{margin-top:10px; float:left;}

/* iOS/Android Redirect Page */
.page-id-83 .content{font-size:16px; line-height:20px;}
#appbuttons{text-align:center;}
#appbuttons img{margin:0 5px; width:auto; height:40px;}
/* Nexus 10 */
@media (min-width:1400, max-width:2100){}
@media all and (max-width: 800px){
	article#home{top: -20px;}

	#logo{margin-left:490px;}

	#playnow, #whatDoYouThink{display:none;}
	#tagline h1{display:none;}
	#playnowmobile, #whatDoYouThinkMobile{display:inline-block;}

	#headercontent{width:100%;}

    #sponsorsbox{width:100%; background-size: 100% 100%;}
	#sponsorlabel {padding: 20px 0 0 10px;}
	#sponsorlogos{width:580px;}
	#sponsorsbox img{width:90px;}
	#sponsorlogos li{margin-right:5px;}

    article{width:704px;}

	#footerlinks{width:340px; padding-left:5px; line-height:16px;}
	.appbtns img {height: 30px;}
	#homefooter .appbtns {
	    width: 200px;
	    margin-top: 0;
	}
    .aboutbgd{left:686px;}
    .partnersbgd{left:2530px;}
}
@media all and (max-width: 800px) and (orientation: landscape) {
	#homefooter{height:140px;}
	#homefooter .appbtns{
		width: 80%;
		margin: 20px auto 0 auto;
		float: none;
		text-align:center;
	}
	.appbtns img{height:40px;}
	#hopelab{float:none; position:absolute; bottom:0; width:100%;  text-align:center;}
}
@media all and (max-width: 768px){
	#logo{margin-left:470px;}
	.sponsorsbgd{left:2640px;}
}
@media (max-device-width: 1024px) and (orientation: landscape) {
	#teaser{width:453px; height:275px;}
	#video iframe,
	#video object,
	#video embed {
		width:82%;
		height:82%;
	}
}
@media (max-device-width: 1024px) and (orientation: portrait) {
	article#research{top:1060px; left:4900px;}
	#tagline h1{display:none;}
}
@media all and (max-width: 600px){
	article#home{top: 0;}

    #logo{margin-left:287px; padding-bottom:10px;}
    #mainnav{width:580px;}
    #mainnav li a{padding:3px 8px;}

	#mainnav li.home:hover, #mainnav li.home.selected{background-position: 15px 20px;}
	#mainnav li.about:hover, #mainnav li.about.selected{background-position: 18px 20px;}
	#mainnav li.sponsors:hover, #mainnav li.sponsors.selected{background-position: 33px 20px;}
	#mainnav li.partners:hover, #mainnav li.partners.selected{background-position: 32px 20px;}
	#mainnav li.research:hover, #mainnav li.research.selected{background-position: 32px 20px;}
	#mainnav li.contactus:hover, #mainnav li.contactus.selected{background-position: 35px 20px;}

	#teaser{height:324px;}
	#tagline h1{font-size:18px;}

    #sponsorsbox{width:100%; height:auto; background:none;}
	#sponsorlabel {float: none; padding: 0; width: 100%; text-align:center; padding:10px 0;}
	#sponsorlogos {
	    float: none;
	    padding: 0;
	    width: 100%;
	}

	#sponsorsbox img{width:135px;}
	#sponsorlogos ul{margin:0; padding:0; text-align:center;}
	#sponsorlogos li{display:inline-block; margin:10px;}
	#sponsorlogos li img{margin-bottom:5px;}
	#sponsorlogos li{list-style:none; display:inline;}

    article{width:560px; padding: 130px 20px 0;}

	#playnow, #whatDoYouThink{display:none;}
	#playnowmobile{display:inline-block;}
	#whatDoYouThinkMobile{display:inline-block;}
	.appbtns img{height:25px;}

    .researchbgd{left:3570px;}
    .aboutbgd{left:616px;}
    .partnersbgd{left:2470px;}
	#homefooter{margin-top:10px;}

	.appbtns img{height:30px;}
	#footerlinks{margin-top:0; width:210px; font-size:10px; line-height:12px;}
}
@media only screen and (max-height: 800px){
	#teaser{width:520px; height:308px;}
	#video iframe,
	#video object,
	#video embed {
	    left:30px;
	    top:30px;
	    width: 85%;
	    height: 85%;
	}
	#tagline h1{display:none;}
}
@media only screen and (max-height: 768px){
	.homebgd{top:-200px;}
	#teaser{width:480px; height:268px; /*background:none;*/}
	#video iframe,
	#video object,
	#video embed {
	    left:33px;
	    top:24px;
	    width: 85%;
	    height: 85%;
	}
	#tagline h1 {margin:0 0 20px 0; font-size:20px;}
	#tagline p{margin:0;}
}
@media only screen and (max-height: 600px){
	#tagline h1{display:none;}
}
/* Nexus 7 (landscape) */
@media only screen and (max-device-height: 736px) and (orientation: landscape) {
	article#home{padding: 110px 40px 0 20px;}
	.homebgd{top:-200px;}
	#teaser {width: 440px; height: 228px; background:none;}
	#tagline h1 {margin:0; font-size:20px;}
	#tagline p{margin:0;}
	#footerlinks{margin-top:0; font-size:11px; line-height:13px;}
	#hopelab{margin-top:-10px;}
}
/* iPhone 5 */
@media screen and (device-aspect-ratio: 40/71){
	#mainnav{width:100%;}
    #mainnav a{padding:0;}

    #mainnav li.home{background:none;}
    #mainnav li.about, #mainnav li.sponsors, #mainnav li.partners, #mainnav li.research, #mainnav li.resources, #mainnav li.contactus{background:none;}

    div.pane, #pane-target {height: auto; overflow: auto;}
    #holder {height: auto; position: relative; width: 100%;}

    article{position:relative; width:100%; padding:0;}
    article#home, article#about, article#sponsors, article#partners, article#research, article#services, article#resources, article#contactus{top:0; left:0;}

	article#home{padding:0;}

	body{overflow:auto; background:url('img/bgd/home.jpg') no-repeat;}
	.title{display:block;}
    .bgd{display:none;}
	div.content{overflow:hidden; width:90%; padding:5%;}

    #logo{margin:0 auto; padding-bottom:10px;}
	#tagline{padding:0 10px;}

	.nav-toggle{display:inline-block; padding-top:10px;}
	#navHolder{height: 30px; padding-top: 10px; background:#000;}
	#nav {
	    max-height: 0;
		overflow:hidden;
	    /* Usage @include transition(max-height,0.5s,ease-out); */
	    -webkit-transition: max-height 0.4s ease-out;
	    -moz-transition: max-height 0.4s ease-out;
	    -ms-transition: max-height 0.4s ease-out;
	    -o-transition: max-height 0.4s ease-out;
	    transition: max-height 0.4s ease-out;}

	#topwrap:target #nav {max-height: 25em;}
	#topwrap .close {border:none; }
	.close a{height:40px; background:none !important;}
	#topwrap:target .close {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        background: none;
        text-indent: -99999em;
		height:35px;
		z-index:55;
	}
	.nav-toggle{padding:30px;}
	.nav-toggle:after {content: " ▼ "; font-size: 0.8rem; }

	#mainnav{background:#000; padding-bottom: 10px;}
	#mainnav li{display:block;}
	#mainnav{position:relative; text-align:center; width:100%; margin:0 auto 0 auto;}


	/* HOME */
	#teaser{margin:160px 0 20px 0; height:272px;}
    #teaser{width:100%; background:none; background-color:#000;}
    #video iframe,
    #video object,
    #video embed {
        top:0;
		width:100%;
		height:100%;
    }
    #sponsorsbox{display:none;}
	#footerlinks{display:none; float:none;}
	#homefooter{margin-top:40px !important; margin-bottom:40px;}
	/*#homefooter .appbtns{display:none;}*/
	#hopelab{float:none; margin:0 auto;}

	/* SPONSORS */
	#sponsors ul{text-align:center;}
    #sponsors li{list-style:none; display:inline; width:50%;}
    #sponsors li img{float:left; width:45%; height:auto; margin-bottom:30px;}

	#mobilefooter{display:block;}

}
/* 480 width and Nexus 7 Portrait */
@media all and (max-width: 480px), all and (max-width : 603px) and (orientation: portrait){
	ul{padding-left:20px;}
	#mainnav{width:100%;}
    #mainnav a{padding:0;}

    #mainnav li.home{background:none;}
    #mainnav li.about, #mainnav li.sponsors, #mainnav li.partners, #mainnav li.research, #mainnav li.resources, #mainnav li.contactus{background:none;}

    div.pane, #pane-target {height: auto; overflow: auto;}
    #holder {height: auto; position: relative; width: 100%;}

    article{position:relative; width:100%; padding:0;}
    article#home, article#about, article#sponsors, article#partners, article#research, article#services, article#resources, article#contactus{top:0; left:0;}

	body{overflow:auto; background:url('img/bgd/home.jpg') no-repeat;}

	.title{display:block;}
    .bgd{display:none;}
	div.content{overflow:hidden; width:90%; padding:5%;}

    #logo{margin:0 auto; padding-bottom:10px;}
	#tagline{padding:0 10px;}

	.nav-toggle{display:inline-block; padding-top:10px;}
	#navHolder{height: 30px; padding-top: 10px; background:#000;}
	#nav {
	    max-height: 0;
		overflow:hidden;
	    /* Usage @include transition(max-height,0.5s,ease-out); */
	    -webkit-transition: max-height 0.4s ease-out;
	    -moz-transition: max-height 0.4s ease-out;
	    -ms-transition: max-height 0.4s ease-out;
	    -o-transition: max-height 0.4s ease-out;
	    transition: max-height 0.4s ease-out;}

	#topwrap:target #nav {max-height: 25em;}
	#topwrap .close {border:none;}
	.close a{height:40px; background:none !important;}
	#topwrap:target .close {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        background: none;
        text-indent: -99999em;
		height:35px;
		z-index:55;
	}
	.nav-toggle{padding:30px;}
	.nav-toggle:after {content: " ▼ "; font-size: 0.8rem; }

	#mainnav{background:#000; padding-bottom: 10px;}
	#mainnav li{display:block;}
	#mainnav{position:relative; text-align:center; width:100%; margin:0 auto 0 auto;}

	/* HOME */
	#teaser{margin:160px 0 20px 0; height:272px;}
    #teaser{width:100%; background:none; background-color:#000;}
    #video iframe,
    #video object,
    #video embed {
        position:absolute;
        left:0;
        top:0;
		width:100%;
		height:100%;
	}
    #sponsorsbox{display:none;}
	#footerlinks{display:none; float:none;}
	#homefooter{margin-top:20px !important; margin-bottom:40px;}
	#hopelab{float:none; margin:0 auto;}
	#homefooter .appbtns{
		width: 80%;
		margin: 20px auto 0 auto;
		float: none;
		text-align:center;
	}
	.appbtns img{height:40px;}

	/* SPONSORS */
	#sponsors ul{text-align:center;}
    #sponsors li{list-style:none; display:inline; width:50%;}
    #sponsors li img{float:left; width:45%; height:auto; margin-bottom:30px;}

	#mobilefooter{display:block;}
}
/* Google Nexus */
@media all and (max-width: 800px) and (orientation: landscape) {

	#mainnav{width:100%;}
    #mainnav a{padding:0;}

    #mainnav li.home{background:none;}
    #mainnav li.about, #mainnav li.sponsors, #mainnav li.partners, #mainnav li.research, #mainnav li.resources, #mainnav li.contactus{background:none;}

    div.pane, #pane-target {height: auto; overflow: auto;}
    #holder {height: auto; position: relative; width: 100%;}

    article{position:relative; width:100%; padding:0;}
    article#home, article#about, article#sponsors, article#partners, article#research, article#services, article#resources, article#contactus{top:0; left:0;}

	body{overflow:auto; background:url('img/bgd/home.jpg') no-repeat;}

	.title{display:block;}
    .bgd{display:none;}
	div.content{overflow:hidden; width:90%; padding:5%;}

    #logo{margin:0 auto; padding-bottom:10px;}
	#tagline{padding:0 10px;}

	.nav-toggle{display:inline-block; padding-top:10px;}
	#navHolder{height: 30px; padding-top: 10px; background:#000;}
	#nav {
	    max-height: 0;
		overflow:hidden;
	    /* Usage @include transition(max-height,0.5s,ease-out); */
	    -webkit-transition: max-height 0.4s ease-out;
	    -moz-transition: max-height 0.4s ease-out;
	    -ms-transition: max-height 0.4s ease-out;
	    -o-transition: max-height 0.4s ease-out;
	    transition: max-height 0.4s ease-out;}

	#topwrap:target #nav {max-height: 25em;}
	#topwrap .close {border:none; }
	.close a{height:40px; background:none !important;}
	#topwrap:target .close {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        background: none;
        text-indent: -99999em;
		height:35px;
		z-index:55;
	}
	.nav-toggle{padding:30px;}
	.nav-toggle:after {content: " ▼ "; font-size: 0.8rem; }

	#mainnav{background:#000; padding-bottom: 10px;}
	#mainnav li{display:block;}
	#mainnav{position:relative; text-align:center; width:100%; margin:0 auto 0 auto;}


	/* HOME */
	#teaser{margin:160px 0 20px 0; height:272px;}
    #teaser{width:100%; background:none; background-color:#000;}
    #video iframe,
    #video object,
    #video embed {
        position:absolute;
        left:0;
        top:0;
		width:100%;
		height:100%;
		max-width:100%;
		max-height:100%;
	}
    #sponsorsbox{display:none;}
	#footerlinks{display:none; float:none;}
	#homefooter{margin-top:40px !important; margin-bottom:40px;}
	#hopelab{float:none; margin:0 auto;}

	/* SPONSORS */
	#sponsors ul{text-align:center;}
    #sponsors li{list-style:none; display:inline; width:50%;}
    #sponsors li img{float:left; width:45%; height:auto; margin-bottom:30px;}
	#innerlogos{min-height:300px;}
	#mobilefooter{display:block;}
}