html {
  font-family: helvetica, arial, sans-serif;
}

body { font-size: 18px; font-weight: bold; color: #000000; }

h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#000000;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-weight:normal; color:#003D81;}

img.img-responsive {width: 100%; height: auto;}

/* Begin Large Images */

.ATL { display: block; background-image: url('../images/ATL-1610.jpg'); background-position: top left; background-size: 100% auto; background-repeat: no-repeat; }
.CVG { display: block; background-image: url('../images/CVG_Opening-111315.jpg'); background-position: top left; background-size: 100% auto; background-repeat: no-repeat; }
.PV { display: block; background-image: url('../images/Energy-Graphic3.jpg'); background-position: top left; background-size: 100% auto; background-repeat: no-repeat; }
.EV { display: block; background-image: url('../images/EV-Stations-Installed.jpg'); background-position: top left; background-size: 100% auto; background-repeat: no-repeat; }
.VE { display: block; background-image: url('../images/Employed-Veterans-Wide.jpg'); background-position: top left; background-size: 100% auto; background-repeat: no-repeat; }
.FD { display: block; background-image: url('../images/Food-Donations.jpg'); background-position: top left; background-size: 100% auto; background-repeat: no-repeat; }

/* End Large Images */

div.row {padding: 5px 0px;}
div.row#inset {padding: 0px;}
div.row#inset div:first-child div.row {padding-right:0px;}
div.row#inset div:last-child div.row {padding-left:0px;}

div.row div { bottom: 0px; }

div.vPad { padding-top: 30px; padding-bottom: 30px;}
div.hPad { padding-left: 4%; padding-right: 4%;}

div.topContent { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d9e15+0,ffffff+100 */
background: #6d9e15; /* Old browsers */
background: -moz-linear-gradient(top,  #6d9e15 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6d9e15 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6d9e15 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d9e15', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }

div.botContent { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,6d9e15+100 */
background: #b6ce8a; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #b6ce8a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#b6ce8a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#b6ce8a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6ce8a',GradientType=0 ); /* IE6-9 */}

.contentBlock { /* min-height: 80px; */ display: block; padding: 17px 25px; color: #FFF; line-height: 125%; position: relative; }

.bgBlue { background-color: #003D81; }
.bgYellowgreen { background-color: #8fb500; }
.bgYelloworange { background-color: #ff9b2c; }
.bgMaroon { background-color: #802444; }
.bgGreen { background-color: #51a644; }
.bgOrange { background-color: #dc5b00 ;}
.bgRedviolet { background-color: #762579; }
.bgPurple { background-color: #553c96; }
.bgPink { background-color: #ef8ad6; }
.bgCrimson { background-color: #92130E; }

.graphicBtn { width: 172px; padding: 23px 0px; display: block; float: right; margin: 0px 0px 0px 25px; background-repeat: no-repeat; background-position: top center; background-size: 100% auto; }

.Watch { background-image: url(../images/btn-Watch.png); }
.Watch:hover, .Watch:active { background-position: bottom center; }

.ReadMore { background-image: url(../images/btn-ReadMore.png); }
.ReadMore:hover { background-position: bottom center; }

@media screen and (max-width: 992px) {
	body { font-size: 30px; }
	h1 { font-size: 50px; padding-bottom: 30px; }
	.contentBlock { padding: 30px 40px; }
	div#leftCol { padding-bottom: 20px; }
	.graphicBtn { width: 300px; padding: 40px 0px; }

	/* Begin Large Images */

	.ATL { background-image: url('../images/ATL-1610-Half.jpg'); }
	.CVG { background-image: url('../images/CVG_Opening-111315-Half.jpg'); }
	.PV { background-image: url('../images/Energy-Graphic3-Half.jpg'); }
	.EV { background-image: url('../images/EV-Stations-Installed-Half.jpg'); }
	.VE { background-image: url('../images/Employed-Veterans-Half.jpg'); }
	.FD { background-image: url('../images/Food-Donations-Half.jpg'); }

	/* End Large Images */
}

@media screen and (max-width: 750px) {
	.graphicBtn { width: 239px; padding: 32px 0px; margin: 0px auto 30px auto; float: none;}
}

/* START Content Block Heights - Set1 */

@media screen and (min-width: 993px) and (max-width: 1144px) {
	.contentHeight, .contentHeight2 {height: 170px;}
}

@media screen and (min-width: 1145px) and (max-width: 1462px) {
	.contentHeight, .contentHeight2 {height: 146px;}
}

@media screen and (min-width: 1463px) and (max-width: 1802px) {
	.contentHeight, .contentHeight2 {height: 122px;}
}

@media screen and (min-width: 1803px) {
	.contentHeight, .contentHeight2 {height: 98px;}
}

/* END Content Block Heights */

/* START Content Block Heights - Set2 */

@media screen and (min-width: 993px) and (max-width: 1183px) {
	.contentHeight1 {height: 146px;}
}

@media screen and (min-width: 1184px) and (max-width: 1465px) {
	.contentHeight1 {height: 122px;}
}

@media screen and (min-width: 1466px) {
	.contentHeight1 {height: 98px;}
}

/* END Content Block Heights */

/* START Content Block Heights - Set3 */

@media screen and (min-width: 993px) and (max-width: 1114px) {
	.contentHeight2 {height: 145px;}
}

@media screen and (min-width: 1115px) and (max-width: 1334px) {
	.contentHeight2 {height: 121px;}
}

@media screen and (min-width: 1335px) and (max-width: 1849px) {
	.contentHeight2 {height: 97px;}
}

@media screen and (min-width: 1848px) {
	.contentHeight2 {height: 73px;}
}

/* END Content Block Heights */

/* START Content Block Heights - Set4 */

@media screen and (min-width: 993px) and (max-width: 1081px) {
	.contentHeight3 {height: 261px;}
	.contentHeight3 .graphicBtn { position: relative; bottom: 0px; margin: 0 auto; clear: both; float: none;}
}

@media screen and (min-width: 1082px) and (max-width: 1202px) {
	.contentHeight3 {height: 237px;}
}

@media screen and (min-width: 1203px) and (max-width: 1305px) {
	.contentHeight3 {height: 213px;}
}

@media screen and (min-width: 1306px) and (max-width: 1542px) {
	.contentHeight3 {height: 191px;}
}

@media screen and (min-width: 1543px) and (max-width: 1703px) {
	.contentHeight3 {height: 167px;}
}

@media screen and (min-width: 1704px) {
	.contentHeight3 {height: 143px;}
}

/* END Content Block Heights */