img {
	max-width: 100%;
	height: auto;
}

.interior-width,
div.hd-bar div.interior-width,
div.home-banner div.interior-width,
div.page-container div.interior-width,
div.page-container-standard-template div.interior-width,
div.ft-top div.interior-width {
	width: auto;
}

div.hd-bar div.interior-width {
	padding: 0 12px 0 12px;
}

div.logo {
	float: none;
	margin: 0 auto;
}

div.main-col {
	width: auto;
	float: none;
}

div#nav {
	clear: both;
}

div#nav ul li {
	padding: 0 18px 0 0;
	font-size: 116%;
}

div.hd-donate a:link,
div.hd-donate a:visited {
	padding: 7px 13px;
	font-size: 152%;
}

@media screen and (max-width: 700px) {
	
	div#nav ul li {
		padding: 0 15px 0 0;
		font-size: 100%;
	}

	div.hd-donate a:link,
	div.hd-donate a:visited {
		padding: 7px 10px;
		font-size: 130%;
	}
	
	div.hd-social {
		padding-top: 4px;
	}
	
}

@media screen and (max-width: 605px) {
	
	div#nav ul li {
		padding: 0 13px 0 0;
		font-size: 93%;
	}

	div.hd-donate a:link,
	div.hd-donate a:visited {
		padding: 7px 8px;
		font-size: 108%;
	}
	
	div.hd-social {
		padding-top: 0;
	}
	
}

div.post-image img {
	width: 100%;
	height: auto;
}

div.side-col {
	float: none;
	margin: 0 auto 30px auto;
}

div.banner-slideshow {
	width: auto;
	float: none;
	margin: 0 0 12px 0;
}

div.about-john {
	width: auto;
	float: none;
}

div.top-split {
	padding: 0 12px 12px 12px;
}

/* Two Col Container */
div.two-col-container {
	padding: 0 12px 0 12px;
}

/* Home Banner */
div.home-banner {
	min-width: 0;
}

div.home-banner div.interior-width {
	min-height: 0;
	padding-bottom: 34px;
}

.email-field {
	width: 130px;
}

.zip-field {
	width: 70px;
}

div.email-form input[type="submit"] {
	width: 85px;
	font-size: 100%;
}

/* Banner Content */
div.banner-content {
	padding: 0 3% 0 51.5%;
}

div.banner-photo {
	width: 100%;
}

@media screen and (max-width: 750px) {
	
	div.banner-photo img {
		max-width: 71%;
		height: auto;
	}
	
}

div.ft-top div.interior-width {
	padding-left: 28px;
	padding-right: 28px;
}

div.ft-main {
	width: auto;
	float: none;
}

div.ft-side {
	width: auto;
	float: none;
	text-align: center;
}

div.ft-email {
	float: none;
	text-align: center;
}

div.ft-donate a:link,
div.ft-donate a:visited {
	float: left;
}

div.ft-social ul {
	float: left;
}

/* Candidates */
ul.candidate-list h4 {
    margin-bottom: 2px;
}

ul.candidate-list p {
    line-height: 1.3em !important;
    margin-bottom: 8px;
}

ul.candidate-list li {
    list-style-type: none;
    list-style-position: inside;
    list-style-image: none;
    width: 100%;
    float: none;
    font-size: 0.9em !important;
    margin-top: 50px;

    overflow: hidden;
    height: 178px;


    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border: 1px solid lightgray;
    padding: 10px;
    -webkit-box-shadow: inset 0px 0px 7px lightgray;
    -moz-box-shadow: inset 0px 0px 7px lightgray;
    box-shadow: inset 0px 0px 7px lightgray;
}

ul.candidate-list li:first-child {
    margin-top: 0px;
}

ul.candidate-list li:nth-child(even) {
    float: none;
}

ul.candidate-list li:nth-child(3n+0) {
    margin-top: 50px;
}

ul.candidate-list li div.thumbnail {
    margin-right: 5px;
}

ul.candidate-list li div.body {
    vertical-align: top;
    float: none;
    width: auto;
}

/* Home Page Banner */
.home-page-banner-container {
	width: 100%;
	margin-bottom: 10px;
	padding: 20px;
	box-sizing: border-box;
}

.home-page-banner-container .col-1 {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

.home-page-banner-container .col-2 {
	width: 100%;
	float: none;
}

.home-page-banner-container img {
	width: 100%;
}
/* END - Home Page Banner */