/*begin reset*/

* {
vertical-align: baseline;
font-weight: inherit;
font-family: sans-serif;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}

/*for older browsers that don't understand HTML5*/
div, article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*End Reset*/

.clearfix:after{
	display:block;
	height: 0;
	content: ".";
	clear:both;
	visibility: hidden;/*note this out to see where it places the "."*/
}

/*IE fixes*/

/* IE 6*/
* html .clearfix{
	height: 1%;
}

/* IE7 */
*:first-child+html .clearfix{
	min-height: 1px;
}

/* End IE fixes */

/*  FONTS  */

@font-face {
    font-family: 'caslon_antiqueregular';
    src: url('../fonts/caslonantique-webfont.eot');
    src: url('../fonts/caslonantique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caslonantique-webfont.ttf') format('truetype'),
         url('../fonts/caslonantique-webfont.svg#caslon_antiqueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'caslon_antiquebold';
    src: url('../fonts/caslonantique-bold-webfont.eot');
    src: url('../fonts/caslonantique-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('caslonantique-bold-webfont.ttf') format('truetype'),
         url('../fonts/caslonantique-bold-webfont.svg#caslon_antiquebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'caslon_antiqueitalic';
    src: url('../fonts/caslonantique-italic-webfont.eot');
    src: url('../fonts/caslonantique-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caslonantique-italic-webfont.ttf') format('truetype'),
         url('../fonts/caslonantique-italic-webfont.svg#caslon_antiqueitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*  FONTS END  */

/*floats*/
.left {
	float: left;
}
.right{
	float:right;
}
.center{
	margin-right:auto;
	margin-left:auto;
	clear:both;
}
/*end floats*/
body{color:#fff;}
.caslon{
	font-family: 'caslon_antiqueregular';
}

h1{
	font-size: 3em;
	color:rgb(255,255,255);
	text-align: center;
}

h2{
	font-size: 1.25em;
	color:rgb(255,255,255);
	text-align: center;
}

#info_header{
	font-family: 'caslon_antiqueregular';
	font-size: 3em;
}

#coming_soon{
	font-family: 'caslon_antiqueregular';
	font-size: 4em;
	color:rgba(255,255,255,.5);
}

@media (max-width: 655px){
	#coming_soon{
	font-family: 'caslon_antiqueregular';
	font-size: 2em;
	color:rgba(255,255,255,.5);
	}
}

body{
	background-image: url(../img/BackImg.png);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#001004;
}

#pagewrapper{
	overflow: auto;
}

/*basic structure*/
#content{
	max-width:960px;
	margin:0 auto;	
	background:rgba(0,16,4,.5);
}

#info_content{
	max-width:960px;
	margin:0 auto;	
	background:rgba(0,16,4,0);
	padding-top:80px;
}

#header_box{
	max-width:960px;
	margin:100px auto 0px;
	background:#468059;
}

#info_header_box{
	max-width:960px;
	margin:100px auto 0px;
}

#footer_box{
	max-width:960px;
	margin:0 auto;
	background:#264d33;
}

#info_footer_box{
	max-width:960px;
	margin:0 auto;
}

nav{
	z-index:500;
}

nav li{
	display:block;
	float:left;
	text-align: center;
	width:20%;
}

nav a{
	text-decoration: none;
	color:#ffffff;
	display:block;
	padding:10px;
}

nav li a:hover{
	color: rgba(255,255,255,.75);
	text-shadow: 1px 1px black;
}

.laj_logo{
	
	z-index:100;
	margin:-30.5% 0;
	width:70%;
}

.info_laj_logo{
	position: absolute;
	z-index:100;
	top:-145%;
}

#info_logo{
	float:none;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	padding:0px 125px 0px 0px;
	width:5%;
}
.text_center{text-align:center;}
@media (max-width: 655px){
	.laj_logo{
	max-width:13.25%;
	min-width:60px;
	top:-35%;
	}
}

footer{
	text-align:center;
}

footer p{
	font-size: .75em;
	color:rgb(255,255,255);
	padding:10px;
}

.info p{
	color:rgb(255,255,255);
	font-size:1.25em;
}

.donate p{
	color:rgb(255,255,255);
}

.info_footer{
	font-size:1em;
}

.info_footer a{
	text-decoration: none;
	color:rgb(85,169,113);
}

.info_footer a:hover{
	color: rgba(85,169,113,.5);
	text-shadow: 1px 1px black;
}

.grid_100,.grid_5,.grid_95,.grid_10,.grid_90,.grid_15,.grid_85,.grid_20,.grid_80,.grid_25,.grid_75,.grid_30,.grid_70,.grid_35,.grid_65,.grid_40,.grid_60,.grid_45,.grid_55,.grid_50,.grid_33,.grid_66{
	padding:10px;
}

.grid_100{
	width:100%;
	padding:0px;
	clear:both;
}

.grid_5{
	width:5%;
}
.grid_95{
	width:95%;
}
.grid_10{
	width:10%;
}
.grid_90{
	width:90%;
}
.grid_15{
	width:15%;
}
.grid_85{
	width:85%;
}
.grid_20{
	width:20%;
}
.grid_80{
	width:80%;
}
.grid_25{
	width:25%;
}
.grid_75{
	width:75%;
}
.grid_30{
	width:30%;
}

.grid_70{
	width:70%;
}
.grid_35{
	width:35%;
}
.grid_65{
	width:65%;
}
.grid_40{
	width:40%;
}
.grid_60{
	width:60%;
}
.grid_45{
	width:45%;
}
.grid_55{
	width:55%;
}
.grid_50{
	width:50%;
}
.grid_33{
	width:33.33333333333333333333333333%;
}
.grid_66{
	width:66.66666666666666666666666666%;
}

.m2{
	background:#666;
}

.store_icons{
	padding:0 0% 0 0%;
}

img.store_icons{

}

.mobile_center{
	clear:both;
	padding-bottom:60px;
}

.pp_form{
	width:175px;
	margin-top:-30px;
	margin-left:auto;
	margin-right:auto;
}

.pp_img{
	width:200px;
}

@media (max-width:948px){
	.store_icons{
		padding:0 2% 0 2%;
	}
}

@media (max-width:939px){
	.store_icons{
		float:none;
		padding:5px 5% 5px 5%;
		text-align: center;
		clear:both;
	}
	
	.mobile_center{
		text-align: center;
		padding-bottom:10px;
	}
	
	#apple{
		padding-bottom:15px;
	}
}

#comingsoon_block{
	border-radius: 25px;
	position: absolute;
	text-align:center;
	z-index:1000;
	background:rgba(0,0,0,0.5);
	margin: 26% 25%;
	padding: auto;
}

.grid_65 img{
	max-width:150px;
	padding-top:3%;
}

.app_store_button{
	padding-left:18%;
}

.google_play_button{
	padding-right:18%;
}

#mobile_show{display:none;}


.grid_65 p{
	padding-top:2%;
	padding-bottom:2%;
	color:rgb(255,255,255);
	line-height: 1.25em;
}

.grid_65 .grid_100 a{
	font-size:1.5em;
	clear:both;
	text-decoration: none;
	color:rgb(85,169,113);
}

.grid_65 .grid_100 a:hover{
	color: rgba(85,169,113,.5);
	text-shadow: 1px 1px black;
}

.grid_65 a{
	text-decoration: none;
	color:rgb(85,169,113);
}

.grid_65 a:hover{
	color: rgba(85,169,113,.5);
	text-shadow: 1px 1px black;
}

.text_center{
	text-align:center;
}

.push_down{
	margin-bottom:5%;
}
.larger_type{
	font-size:1.5em; 
}

@media (max-width: 655px){
	.grid_65 img{
	float: none;
	padding-left: 0;
	padding-right: 0;
	display:block;
	margin:auto;
	clear:both;
	}
	
	.app_buttons{
	float:none;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	}
}

@media (max-width: 400px){
	.app_buttons{
	float:none;
	margin-right:auto;
	margin-left:12.5%;
	}
	
	
#info_header{
	font-size: 2.5em;
}
}


@media (max-width:650px){
.info{
	width:60%;
}

.donate{
	width:60%;
}
}

@media (max-width:500px){
	#header_box{
		margin:10px auto 0;
	}
	
	#mobile_show{display:block; clear:both; background:#000;}
	.mobile_hide{display:none;}
	nav li{width:100%; clear:both; border-bottom:1px solid #0a3c1c;}
	nav ul:first-child{border-bottom:1px solid #0a3c1c; border-top:1px solid #0a3c1c;}
	.info{
		width:95%;
	}
	
	.donate{
		width:95%;
	}
	
	.mobile_center{
		width:100%;
	}
	
	.donate_btn{
		width:100%;
	}

}