/* ==========================================================================
 Media Queries
 ========================================================================== */


/* ---------------------------------------------------------------------- */
/*	Version 1170px
 /* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1170px) { 
	/* Slider Name */
	header h1 {
		font-size: 6em;
		line-height: 1;
		padding: 7% 1%;
	}
	#contentbox {
		margin: -80px auto 0 auto;
	}

}

/* ---------------------------------------------------------------------- */
/*	Version 1024px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 1024px) {
	
	/* Slider Name */
	header h1 {
		font-size: 6em;
		line-height: 1;
		padding: 7% 1%;
	}
	#contentbox {
		margin: -60px auto 0 auto;
	}
	
	/* Donation */
	.container.steps.generic-section h2 {
		font-size: 37px;
		text-align: center;
	}
	.btn.btn-success {
		width: auto;
		padding: 10px;
		font-size: 1.8em!important;
	}
	
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 767px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 767px) {
	body {
		font-size: 50%;
	}
		
	/* Slider Name */
	header h1 {
		font-size: 6em;
		line-height: 1;
		padding: 7% 1%;
	}
	#contentbox {
		margin: 60px auto 0 auto;
	}
	
	/* Newsletter */
	#newsletter .bg-fields {
		padding: 10px 5px;
		width: 90%;
	}
	#newsletter input.large {
		height: 60px;
		width: 282px;
		margin: 2% 0;
	}

	.container.generic-section h2 {
		font-size: 36px;
		line-height: 1;
	}
	
	/* Donation */
	.container.steps.generic-section .btn.btn-success {
		display: block;
		float: none !important;
		margin: 0 auto 1em;
	}
	
	/* Political Candidate Biography */
	.thumbnail img {
		width:100%;
	}
	
	
	/* Footer */
	footer.container.generic-section p.copy {
		float: none;
		text-align:center;
	}
	footer.container.generic-section ul.social  {
		float: none;
		text-align:center;
	}
	
	/* Go to top tag */
	#goTop {
		display:none;
	}

}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 600px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 600px) {
	#contentbox {
		margin: 160px auto 0 auto;
	}

}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 568px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 568px) {
	#contentbox {
		margin: 160px auto 0 auto;
	}
	.btn-large {
		padding: 20px 20px;
	}
	.newsletter input.large {
		width: 100%;
		margin: 0 0 5%;
	}
	.newsletter .btn.btn-large.btn-primary {
		width: 100%;
	}

	.newsletter .btn.btn-large.btn-primary {
		margin: 0;
	}

}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 480px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 480px) {
	.main_slide {
		height: 400px;
	}
	#contentbox {
		margin: 250px auto 0 auto;
	}
	.information .graph {
		float: none;
		width: auto;
	}
	.information .graph .percent {
		float: none;
		margin: 0 auto 10%;
		max-width: 237px;
		width: auto;
	}
	.information .graph > ul {
		float: none;
		width: auto;
	}
	
	

}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 320px
 /* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 320px) {
	.container.steps.generic-section h2, .gallery h4, .testimonials h3, .events h3, .politics h3 {
		font-size: 22px;
	}
	p {
		font-size: 1.5em;
		line-height: 1.6em;
	}
	.btn-large {
		padding: 20px 20px;
	}
	#newsletter .fields .bg-fields .btn.btn-large.btn-primary {
		background-image: none;
	}
	.main_slide {
		height: 350px;
	}
	#contentbox {
		margin:60px auto 0 auto;
	}
	/* Newsletter */
	#newsletter .bg-fields {
		padding: 10px 5px;
		width: 95%;
	}
	#newsletter input.large {
		height: 53px;
		width: 270px;
	}
}