img {
		border: 0;
		display: block;
		margin: auto;
}

.donate-headline {
		padding: 20px 20px 10px 20px;
		width: 60%;
}

.inline-buttons {
		list-style: none;
		display: inline-block;
		text-transform: uppercase;
		margin: 15px 0 0 -50px;
}

.inline-buttons li {
		list-style: none;
		display: inline-block;
		text-transform: uppercase;
		margin-left: 12px;
		margin-bottom: 10px;
		float: left;
		vertical-align: top;
}


.section-grey {
		clear: both;
		padding: 0px;
		margin: 0px 0px 10px 0px;
		color: #000000;
		overflow: hidden;
		position: relative;
		background-color: #dedede;
}

.section-black {
		background-color: #333333;
}

.section-orange {
		clear: both;
		padding: 0px;
		margin: 0px 0px 10px 0px;
		color: #000000;
		overflow: hidden;
		position: relative;
		background-color: #e98300;
}

.right-bar {
		border-right: 1px solid #fafafa;
		height: 450px;
}

.text-box {
		padding: 0 0 20px 0;
}

.text-box-mid {
		padding: 0 0 20px 20px;
}

.section-banner.black,
.fullwidth-promo.black {
		background-color: #333333;
}


/*  COLUMN SETUP  */

.col {
		display: block;
		float: left;
}

.col:first-child {
		margin-left: 0;
}

.col.text-box {
		/*margin: 1% 0 1% 3%; */
}


/*  GROUPING  */

.group:before,
.group:after {
		content: "";
		display: table;
}

.group:after {
		clear: both;
}

.group {
		zoom: 1;
		/* For IE 6/7 */
}


/*  GRID OF THREE  */

.span_3_of_3 {
		width: 100%;
}

.span_2_of_3 {
		width: 60%;
}

.span_1_of_3 {
		/*width: 30%;*/
		width: 33%;
}


/*  GO FULL WIDTH BELOW 480 PIXELS */

.white,
.light-gray {
		color: #333333;
}

.transparent {
		background-image: url("http://www.feedingamerica.org/assets/images/transparent_gray.png");
}

.section-banner {
		top: -20px;
}

.section-banner.big-photo.with-text {
		margin-bottom: -10px;
}

.section-banner.big-photo.with-text .container .headline-bar .container .headline-text {
		padding: 20px 32px;
}

#secondary-content > a img {
		border: 1px solid #D2D2D2;
}

#secondary-content p {
		padding-bottom: 5px;
}

.family-story {
		display: none;
}

#family-story-nav {
		margin-bottom: 10px;
}

#family-story-nav img {
		margin-right: 10px;
}

.banner-donation-level + label.banner-amount1:hover,
label.banner-amount2:hover {
		font-size: 19px;
		line-height: 20px;
		text-align: center;
		padding-top: 10px;
}

#other-amount {
		width: 159px;
}

.banner-donation-level + label,
.banner-donation-level:checked + label {
		width: 85px;
}

.flex-control-nav {
		top: 0;
		right: 6%;
}

.flex-direction-nav {
		display: none;
}

.flex-control-paging li a {
		width: 30px;
		height: 30px;
		background: #000000;
		text-indent: 0;
		border-radius: 22px 0 30px;
		color: #ffffff;
		padding-top: 5px;
}

.flex-control-paging li a.flex-active {
		background: #e98300;
}

ul.slides li .span_2_of_3 {
		padding-top: 40px;
}

.col.span_1_of_3 p,
.col.span_1_of_3 a:link {
		max-width: 205px;
		margin-left: auto;
		margin-right: auto;
}

.section-banner {
		padding: 20px 0;
}

.section-banner.big-photo .container .headline-bar {
		top: 10%;
}

.section-banner.big-photo.with-text .container .headline-bar .container .headline-text {
		width: 60%;
}

.meal-counter {
		font-size: 32px;
		text-align: center;
}

.campaign-email {
		max-width: 220px;
}

input[type="text"].campaign-zip {
		width: 150px;
}

.gam-footer {
		display: inline-block;
		width: 20%;
		vertical-align: top;
}

.gam-footer img {
		float: left;
		clear: right;
		margin-right: 20px;
}

.gam-footer-text {
		display: inline-block;
		width: 75%;
}

.gam-footer-text p {
		color: #4c4c4c;
		font-family: arial;
		font-size: 12px;
		line-height: 1.4em;
}

.video-embed {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 35px;
		height: 0;
		overflow: hidden;
}

.video-embed iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

.section-banner .container {
		padding: 0px;
}

.campaign-footer {
		padding: 30px 0;
}

.boa-logo {
		width: 275px;
		vertical-align: top;
		float: right;
}


/* --------------------------------------------------------------
Tablet Only: 768px - 991px
-------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1275px) {
		.form-box {
				/*background-color: #333333;*/
				padding: 25px 20px;
		}
		.section-banner.big-photo.with-text .container .headline-bar .container .headline-text {
				width: 100%;
		}
		.donate-headline {
				width: 100%;
		}
		.campaign-template-1 .banner-donation-form {
				width: 100%;
		}
		.campaign-donate {
				width: 340px;
				text-align: center;
		}
		.campaign-template-1 .nick-signup {
				width: 70%;
		}
		.campaign-template-1 .zip-container {
				width: 58%;
		}
}


/* --------------------------------------------------------------
Tablet and below: 991px and less
-------------------------------------------------------------- */

@media screen and (max-width: 1275px) {
		h3 {
				font-size: 24px;
		}
		.section-banner.big-photo.with-text .container .headline-bar .container .headline-text {
				width: 100%;
		}
		.section-banner.big-photo.no-text .container .headline-bar,
		.section-banner.big-photo.with-text .container .headline-bar .container .headline-text {
				width: 100%;
				background-image: none;
				background-color: #333333;
				padding: 25px 20px;
		}
		.section-banner.big-photo .container .headline-bar {
				position: static;
				width: 100%;
		}
		.campaign-email {
				max-width: 220px;
		}
		.campaign-zip {
				max-width: 105px;
		}
		.campaign-footer h2 {
				margin: 0 auto;
				font-size: 26px;
				max-width: 205px;
		}
		.campaign-template-1 .email-container {
				width: 100%;
		}
		.campaign-template-1 .campaign-email {
				max-width: 100%;
		}
		.campaign-template-1 input[type="email"] {
				width: 100%;
		}
		.campaign-template-1 .zip-container {
				width: 60%;
		}
		.campaign-template-1 input[type="text"].campaign-zip {
				width: 100%;
				max-width: 100%;
		}
		.section-banner.big-photo .container .headline-bar .container {
				max-width: 100%
		}
		.boa-logo {
				float: none;
		}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
		#homepage_slideshow .slides li img {
				width: 202px !important;
				margin-left: auto;
		}
		.flex-control-nav {
				right: 4%;
		}
		#header_right {
				padding-top: 20px;
		}
		.page-title {
				width: 50%;
		}
}


/* --------------------------------------------------------------
Mobile Only: ~320px - 767px
-------------------------------------------------------------- */

@media screen and (max-width: 767px) {
		.nick-signup {
				width: 100%
		}
		.right-bar {
				border-bottom: 1px solid #7c8c5e;
				padding: 10px 0 30px 0;
				border-right: 0px;
				height: 100%
		}
		.col {
				margin: 1% 0 1% 0%;
		}
		.span_3_of_3,
		.span_2_of_3,
		.span_1_of_3 {
				width: 100%;
		}
		.section-banner.big-photo img {
				width: auto;
		}
		.donate-headline {
				width: 100%;
		}
		.banner-donation-level + label,
		#banner-donation-level-other-amount {
				font-size: 20px;
		}
		.campaign-template-1 .campaign-donate {
				width: 100%;
				text-align: center;
		}
		.campaign-template-1 #banner-donation-level-other-amount {
				width: 65px;
		}
		/* test different approach to padding */
		.container {
				padding: 0;
		}
		.text-box {
				padding: 0 20px 20px 20px;
		}
		.campaign-img {
				display: block;
				margin-left: auto;
				margin-right: auto;
		}
		#take-action-inline-promo {
				display: none;
		}
		.gam-footer,
		.gam-footer-text {
				width: 100%;
				padding: 10px 20px;
		}
		.banner-donation-level + label.banner-amount1:hover,
		label.banner-amount2:hover {
				font-size: 20px;
				line-height: 54px;
				text-align: center;
				padding: 0 15px;
		}
		#homepage_slideshow .slides {
				background-color: #ffffff;
				color: #000000;
		}
		#homepage_slideshow .slides li img {
				width: 100% !important;
				height: auto !important;
				padding: 0 5%;
				margin: auto;
		}
		.flex-control-nav {
				top: 39%;
				right: 0;
				padding-top: 5%;
		}
		#title-and-share .social_icons {
				float: none;
		}
}
@media screen and (max-width: 500px) {
    li .col.span_1_of_3 {
        padding-bottom: 10%;
    }
	.flex-control-nav {
    padding-top: 3%;
	}

@media only screen and (max-width: 400px) and (min-width: 100px) {
		.section-banner.big-photo img {
				margin-left: -120%;
				width: 240% !important;
				max-width: none;
		}
		.flex-control-nav {
				top: 36%;
		}
}