<?php include 'views/_header.tpl.php'; ?>

<script type="text/javascript">
	$(document).ready(function() {

	});
</script>

<style type="text/css">
	html {
		background-color: #eee;
		/*overflow: hidden !important;*/
	}
	body {
		height: 100%;
		/*overflow: hidden;*/
	}
	div.spacer { padding-top:0px; }
	h2.subscribetitle { font-size:26px; line-height:36px; text-align:center; }
	.thickerlinks a, .thickerlinks a:active, .thickerlinks a:link, .thickerlinks a:visited {
		font-weight: 600;
	}
	.biglinks a { background:#008dea; color:#74cbff; font-size:42px; line-height:50px; 
		font-weight:700; display:block; padding:25px; }
	.biglinks a:hover { background:#00b4ff; color:#fff; 
		}	
	img.biopic { float:left; margin-right:25px; margin-bottom:25px; }
	
	/* /////////////////////////////////////////////////////////////////////////// */
	/* /////////////////////////      MOBILE STYLES      ///////////////////////// */
	/* /////////////////////////////////////////////////////////////////////////// */

	/******************************************************************************/
	/***************        LARGE DESKTOP DISPLAY SCREENS         *****************/
	/******************************************************************************/
	/* So, iMac is 2554 */
	/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
	@media (min-width: 2554px) and (max-width: 3200px) {

	}

	/******************************************************************************/
	/***************      VERY LARGE DESKTOP DISPLAY SCREENS      *****************/
	/******************************************************************************/
	/* This is the 2nd screen connected to the iMac */
	/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
	@media (min-width: 1922px) and (max-width: 2553px) {

	}

	/******************************************************************************/
	/***************      VERY LARGE DESKTOP DISPLAY SCREENS      *****************/
	/******************************************************************************/
	/* This is the 2nd screen connected to the iMac */
	/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
	@media (min-width: 1920px) and (max-width: 1921px) {

	}

	/******************************************************************************/
	/***************        LARGE DESKTOP DISPLAY SCREENS         *****************/
	/******************************************************************************/

	/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
	@media (min-width: 1441px) and (max-width: 1919px) {

	}

	/******************************************************************************/
	/***************        MACBOOK AIR DISPLAY SCREENS         *****************/
	/******************************************************************************/

	/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
	@media (min-width: 1367px) and (max-width: 1440px) {

	}

	/******************************************************************************/
	/***************      SMALLER THAN FULL SCREEN MACBOOK        *****************/
	/******************************************************************************/

	@media (min-width: 1364px) and (max-width: 1366px) {

	}

	/******************************************************************************/
	/***************       MACBOOK AIR SCREENS AND 1280 X 800     *****************/
	/******************************************************************************/

	@media (min-width: 1280px) and (max-width: 1363px) {

	}

	/******************************************************************************/
	/********************             Larger iPads           **********************/
	/******************************************************************************/

	@media (min-width: 1024px) and (max-width: 1279px) {

	}

	/* Landscape tablet to iPads */
	@media (min-width: 980px) and (max-width: 1024px) {

	}

	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 979px) {

	}

	/* Landscape phone to portrait tablet */
	@media (max-width: 767px) {

	}

	/* Landscape phones and down */
	@media (max-width: 587px) {
		h1 {
			font-size: 32px; line-height:38px;
		}
		img.biopic { float:none; margin-right:0px; margin-bottom:25px; width:94%; }
		.grid_3 { margin-bottom:20px; width:98%; }
	}

	/* Landscape phones and down */
	@media (max-width: 480px) {

	}

	/* Older phones with super small screens */
	@media (max-width: 392px) {

	}	
</style>

<div class="home-feature-category" style="padding-top:0px; border:none; padding-bottom:35px;">
	<div style="background:#ccc; height:400px; overflow: hidden;">
		<img src="/static/system/slidethin.webp" alt="BG" style="width:100%; height:400px; object-fit: cover; background-size:cover; background-position:center center;" />
	</div>
	<div class="clear"></div>
	<div class="container_12 clearfix">
		<div class="grid_12" style="padding:20px; box-sizing:border-box; 
		-moz-box-sizing:border-box; -webkit-box-sizing:border-box;">

			<h1>
				Welcome to the home of Andy Williams Jr. 
			</h1>

			<div class="thickerlinks" style="text-align:left; font-size:19px; line-height:29px;">

				
				<img class="biopic" src="/static/client/andy_headshot.png" alt="Andy"
				style="max-width:400px; border:10px solid #008dea" />
				<div style="letter-spacing: 3px;">CANDIDATE FOR</div>
				<span style="font-weight:800; font-size:26px">ILLINOIS ATTORNEY GENERAL</span>
				<br /><br />
				Andy Williams, Jr. is an abolitionist, advocate, and social entrepreneur 
				whose story began with hardship. From a high school dropout and gang member 
				to a transformative leader, Andy overcame incarceration and mental captivity 
				to establish AWJ Ministries—a marketplace ministry dedicated to breaking the 
				chains of physical, financial, and spiritual bondage. <a href="/category/all"
					style="font-weight:700;">Latest News
					<i class="fa fa-angle-right" aria-hidden="true"></i></a>
				<br /><br />
				
				<div style="letter-spacing: 3px;">MORE ABOUT ANDY</div> 
				
				Andy serves as the Director of Litigation, Advocacy, and Strategy at For 
				the People: Kingdom Litigators, LLC, and has twice run for U.S. presidency, 
				driven by his commitment to freedom and equality.
				<br /><br />
				Co-founder of the National Coalition for Prisoner Voting Rights, Founder 
				of Jailhouse & Street Lawyers Association, Executive Committee Member: 
				National Lawyers Guild, New Illinois, National Police Accountability 
				Project, Led a landmark legal challenge against the Thirteenth Amendment’s 
				ties to slavery.
				<br /><br />
				Empowering individuals to reclaim their lives through faith, education, 
				legal advocacy, and social enterprise.
				<br /><br />
				<span style="font-weight:600;"></span> 
			</div>

		</div>
		<div class="clear"></div>
		
		<div class="biglinks">
			<div class="grid_3 blockit" style="min-height:70px; text-align:center;
				padding:0px; border:1px solid #008dea; box-sizing: border-box; 
				-webkit-box-sizing: border-box; -moz-box-sizing: border-box;">
				
				<div style="margin:5px; padding:5px">
					<a href="/about">MEET ANDY</a>
				</div>
			</div>
			<div class="grid_3 blockit" style="min-height:70px; text-align:center;
				padding:0px; border:1px solid #008dea; box-sizing: border-box;
				-webkit-box-sizing: border-box; -moz-box-sizing: border-box;">
				 
				 <div style="margin:5px; padding:5px">
					<a href="/issues">THE ISSUES</a>
				</div>
			</div>
			<div class="grid_3 blockit" style="min-height:70px; text-align:center;
			padding:0px; border:1px solid #008dea; box-sizing: border-box;
			-webkit-box-sizing: border-box; -moz-box-sizing: border-box;">
				
				<div style="margin:5px; padding:5px">
					<a href="/cause">THE CAUSE</a>
				</div>
			</div>
			<div class="grid_3 blockit" style="min-height:70px; text-align:center;
				padding:0px; border:1px solid #008dea; box-sizing: border-box;
				-webkit-box-sizing: border-box; -moz-box-sizing: border-box;">
				
				<div style="margin:5px; padding:5px">
					<a href="/join">WORK WITH US</a>
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<br /><br />
		
		<div class="grid_12" style="padding:20px; box-sizing:border-box; -moz-box-sizing:border-box;
			-webkit-box-sizing:border-box; background:none;">
		
			<div style="border-top:3px solid #eee; max-width:200px; margin:0 auto;"></div>
			<br />
			<h2 class="subscribetitle" style="font-weight:700; font-size:48px; color:#008dea">
				Join us
			</h2>
		
			<?php include('views/includes/subscribe.tpl.php'); ?>
		</div>
	</div>
</div>

<?php include('views/_footer.tpl.php'); ?>