@charset "utf-8";
html,body{padding:0; margin:0; border:0;background-color:#FFF;height:100%;font-size:14px;  font-family: 'Open Sans', Verdana, Geneva, sans-serif; color:#FFF;}
h3{margin:0; font-weight:normal;}
img{width:100%; height:auto; display:block;}
section{position:relative;}
.mobile{display:none;}
.desktop{display:block;}
	#container{width:100%; max-width:1440px; margin:0 auto; display:block; background-image:url(../images/background.jpg); background-position:center 17em;background-size: 100% auto; background-repeat: no-repeat; position:relative; background-color:#175593; }
	/*font-size: calc(14px + 6 * ((100vw - 420px)/ 1020));*/
	#header{z-index:2;}

	#about{z-index:1; margin-top:-4em;}
		#about .dl{position:absolute; width:70%; left:0; top:-16em;}
		#about .dr{position:relative; width:40%; left:50%; text-align:center; padding-bottom:0em;}
			#about .dr p{font-size:0.5em; line-height:1.5em; letter-spacing:0.03em;}
			#about .dr p span{display:block;}
			#about .dr h2{font-size:1em; line-height:1.5em; font-style:italic; margin:0; text-shadow: 3px 4px 6px #0b4268;} 
			#about .dr p.em{text-transform:uppercase; text-shadow: 3px 4px 6px #0b4268; font-weight:bold;}

	#prizes{z-index:1; margin-top:-1em; width:100%; overflow-x:hidden;}
		#prizes .pic_holder{width:30em; margin-left:5.2em;}
		#jbird{width:6em; height:6em; display:block; cursor:pointer; position:absolute; top:4em; left: 24em;}

	#howto{}
		#howto .title{position:relative;} 
			#howto .title .tp{position:absolute;left: 6.6em; top: -0.75em; width: 14.5em;}
			#howto .title .tb{position:absolute; left: 18em; top: 1em; width: 8.5em;}
		#howto .content{width:80%; margin:0 auto;}
			#howto .content .cl, #howto .content .cr{width:50%; max-width:540px; text-align:center; color:#349acd; font-size:0.5em; line-height:1.2em; display:inline-block; vertical-align:top; height:100%;}
			#howto .content .cl h3, #howto .content .cr h3{font-size:1.6em; line-height:1em; font-style:italic; margin:0; font-weight:800; }
			#howto .content .cl span, #howto .content .cr span{font-weight:bold; font-size:1.1em; line-height:2em; display:block;}
			#howto .content .cl p, #howto .content .cr p{margin:1.5em auto 0 auto;}
			#howto .content .cl{margin-top:4.3em;}
			#howto .content .cl .bg_color{background-color:#dfdfdf; width:100%; padding-top:0em; display:block; padding-bottom:4.25em;}
			#howto .content .cr .bg_color{background-color:#f2f2f2; width:100%; padding-top:4.57em;display:block; padding-bottom:0em;} 
			#howto .content .cl .bg_color .heightsync, #howto .content .cr .bg_color .heightsync{height:36em;}
			
			#howto .content .cl .bg_color .pic_holder, #howto .content .cr .bg_color .pic_holder{width:70%; margin:0 auto; display:block;}
	#map{top:-6em;}
	#map .map_holder{width:100%; position:relative;  overflow-x:hidden;}
	#map .map_holder .pin{position:absolute; width:1em; cursor:pointer;}
	#map .map_holder .pinl{position:absolute; width:9em; pointer-events: none;  opacity: 0; -webkit-transform: scale(0.2);  -ms-transform: scale(0.2); transform: scale(0.2);}
	#map .map_holder .loc_title{position:absolute;width: 21em; left:7em; top:4em;}
	#map .map_holder .map_img{width:36em;}
	#map .map_holder #loc1{top:17.8em; left:17em;}
	#map .map_holder #loc2{top:18.2em; left:18.5em;}
	#map .map_holder #loc3{top:14.5em; left:17.8em;}
	#map .map_holder #loc4{top: 16.2em; left: 11.5em;}
	#map .map_holder #loc5{top:19em; left:17.5em;}
	#map .map_holder #loc6{top: 16.2em; left: 24em;}
	#map .map_holder #loc7{top: 15em; left: 21em;}
	#map .map_holder #loc8{top:17.5em; left:13.2em;}
	#map .map_holder #loc1_over{top:9.45em; left:13.2em;}
	#map .map_holder #loc2_over{top:9.8em; left:14.7em;}
	#map .map_holder #loc3_over{top:6.1em; left:14em; }
	#map .map_holder #loc4_over{top: 7.8em; left: 7.7em; }
	#map .map_holder #loc5_over{top:10.6em; left:13.65em; }
	#map .map_holder #loc6_over{top: 7.8em; left: 20.2em;}
	#map .map_holder #loc7_over{top: 6.65em; left: 17.2em;}
	#map .map_holder #loc8_over{top:9.1em; left:9.4em;}
	
	#map .loc_mobile{position:relative; width:90%; margin-left:5%; display:block; cursor:pointer;}
	#map .locname{position:absolute; z-index:2; font-weight:800; font-size:1.2em; text-align:center; color:#14994f; -ms-transform: rotate(-9.5deg); -webkit-transform: rotate(-9.5deg); transform: rotate(-9.5deg); display:block; width:85%; left: 4.9em;
    top: 2.6em; line-height:1.1em; }
	#map .locname.multiline{letter-spacing:-0.05em}
	#map .locname.multiline span{letter-spacing:0;}
	#map .locname span{display:block; font-size:0.8em;}
	#map .locbg{}
	#map .locimg{position:absolute;z-index:1;width: 9em; margin-top:-8em; }
	#map .locationmap{padding-top:10em;}
	
	
	#hashtag{z-index:2; top:-16em;}
		#hashtag .pic_holder{width:100%; display:block; position:absolute;}

	#social{z-index:2; height:6em; clear:both; padding-top:0em; text-align:center; top:-3em}
		#social .title_holder{width:12em; margin:0 auto; display:block;}
		#social .icon_holder{display:inline-block; margin:0 auto; vertical-align:top; margin-top:-0.5em; width:2.6em;}
		#social .icon_holder.fb{padding-top:0.3em;}
		
		
	#footer{top:-5em; color:#FFF; font-size:0.4em; text-align:center; width:80%; margin:0 auto; padding-bottom:0em;}
	#footer a{text-decoration:underline; border:0; color:#FFF;}
	
@media (max-width: 640px) {
.mobile{display:block;}
.desktop{display:none;}
#about .dl{position:relative; width:100%; left:0; top:0; margin-top:-15em; overflow-x:hidden;}
#about .dl img{width:120%;}
#about .dr{position:relative; width:100%; left:0;}
#about .dr p {font-size:1.3em; letter-spacing:0; width:90%; margin-left:auto; margin-right:auto;}
#about .dr p span{display:inline;}
#about .dr h2 {font-size: 2em;}

#prizes{margin-top:-14em ;}
#prizes .pic_holder {width: 32em; margin:0 0 0 0.5em; z-index:2;}
#prizes #jbird {width: 9em; height: 9em; top: 6em; left: 21em;}

#howto{padding-top:4em;}
#howto .content {width:100%;}
#howto .content .cl, #howto .content .cr {width: 100%;  max-width:none;}
#howto .title .tp {left: 1.6em; top: 0.1em; width: 23em;}
#howto .title .tb {left: 14em; top: 4em; width: 14.5em;}
#howto .content .cl {margin-top: 1.6em;}
#howto .content .cl .bg_color{padding-top:3em; padding-bottom:0;}
#howto .content .cl, #howto .content .cr {font-size:1.3em;}
#howto .content .cl h3, #howto .content .cr h3 {font-size:2.0em;}
#howto .content .cl .bg_color .pic_holder, #howto .content .cr .bg_color .pic_holder { width: 80%; padding-top:2em;}
#howto .content .cl .bg_color .heightsync, #howto .content .cr .bg_color .heightsync {
    height: auto;
}
#howto .content .cr {margin-top:-4.4em;}
#howto .content .cr .bg_color {padding-top:0;}

#map .map_holder {overflow:visible;}
#map .map_holder .loc_title {position: absolute;width: 25em;left: 4em; top: 5.5em;}

#hashtag {top: -7em;}
#hashtag .pic_holder {position:static;}

#social .title_holder { width: 20em; margin-top:-8em;}
#social .icon_holder {width:4em;}

#footer{font-size:0.9em; padding-top:6em;}

}