/*-----------------------------------------------------------------------------
author:    spdandg.com
-----------------------------------------------------------------------------*/

/* = JD Home
-----------------------------------------------------------------------------*/
.success {
	text-align:center;
	background:#129347;
	color:#ffffff;
	padding:3%;
	margin:0 0 0 0;
	font-family:"chunkfiveregular", Helvetica, sans-serif;
	display:block;
	font-size:1.25em;
	}

#emailSignUp {
	width:400px;
	padding:15px;
	background:#333333;
	position:fixed;
	left:50%;
	margin-left:-215px;
	bottom:0;
	z-index:3000;
	color:#ffffff;
	}
	
#closeBox {
	display:block;
	text-align:center;
	font-size:1.25em;
	position:relative;
	font-family:"chunkfiveregular", Helvetica, sans-serif;
	color:#ffffff;
	}
	
#closeBox a {
	position:absolute;
	top:-25px;
	right:-25px;
	cursor:pointer;
	background:#FF6600;
	padding:2px 4px;
	color:#ffffff;
	font-size:1.5em;
	font-family:"Arial", Helvetica, sans-serif;
	line-height:100%;
	}
	
input[type="text"], select, textarea {
	background: #CCCCCC;
	padding:3%;
	width:94%;
	border:none;
	margin:0 0 .25em 0; 						
	}
	
/* submit Btn styles */
	
input.submit {
	background:#129347;
	padding:2%;
	color:#ffffff;
	border:none;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	width:100%;
	font-size:1.25em;
	margin:0 auto 0 auto;
	font-family:"chunkfiveregular", Helvetica, sans-serif;
	}
	
input.submit:hover {
	background:#16216a;
	color: #ffffff;
	}

ul.feature-points {
	list-style:none;
	color:#ffffff;
	margin:0 auto;
	width:100%;
	background:url(../img/feature-point-img.gif) repeat-y #129347;
	background-size: 100% auto;
	}
	
ul.feature-points li {
	float:left;
	width:21%;
	padding:2%;
	}
	
ul.feature-points h2 {
	font-size:1.5em;	
	line-height:90%;
	margin:0 0 .25em 0;
	font-family:"chunkfiveregular", Helvetica, sans-serif; 
	font-weight:normal;
	}
	
ul.feature-points p {
	margin:0;
	padding:0;
	}
	
.feature-btn {
	float:left;
	width:46.1%;
	text-align:center;
	}
	
.feature-btn a {
	font-family:"chunkfiveregular", Helvetica, sans-serif;
	font-size:3em;
	color:#ffffff;
	width:90%;
	padding:20% 5%;
	display:block;
	text-decoration:none;
	}
	
.about {
	margin:2.6% 1.3% 2.6% 2.6%;
	background:url(../img/home-btn-about.jpg) #16216a center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
	
.donate {
	margin:2.6% 2.6% 2.6% 1.3%;
	background:url(../img/home-btn-donate.jpg) #16216a center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}
	
.about:hover, .donate:hover {
	background:#129347;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}
	
.agOuter {
	background:url(../img/home-img-ag.jpg) #16216a center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
.ag {
	float:right;
	color:#ffffff;
	width:40%;
	padding:5%;
	background:#16216a;
	}
	
.ag h1 {
	font-size:3em;	
	line-height:90%;
	margin:0 0 .25em 0;
	font-family:"chunkfiveregular", Helvetica, sans-serif; 
	font-weight:normal;
	}
	
.ag p {
	padding:0 0 2em 0;
	}
	
	
	
@media screen and (max-width: 1000px) {
	
.ag h1 {
	font-size:2em;	
	}
	
}

	
@media screen and (max-width: 900px) {
	
ul.feature-points {
	background:#129347;
	background-image:none;
	}
	
ul.feature-points li {
	float:none;
	width:90%;
	padding:5%;
	}
	
ul.feature-points li:nth-child(2n+0) {
	background:#16216a;
	}
	
}

@media screen and (max-width: 768px) {

#emailSignUp {
	display:none;
	}
	
}

@media screen and (max-width: 700px) {

.agOuter {
	background:none;
	}
	
.agPicMobile {
	background:url(../img/home-img-ag-mobile.jpg) center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:15em;
	}
	
.ag {
	float:none;
	width:90%;
	padding:7.5% 5%;
	}
	
.ag p {
	padding:0 0 0 0;
	}
	
}

@media screen and (max-width: 600px) {
	
.feature-btn a {
	font-size:2em;
	}	
	
}