body {
	margin-top: 125px; /* adjust this if the height of the menu bar changes */
}

.nav {
	margin-top: 28px; /* this is a faux center fix for the nav options - adjust this if you wish to change the logo height or the font of the menu items */
}

footer {
	padding: 10px 0;	
}

/* RESPONSIVE CSS */

@media (max-width: 1200px) {
.mainheading   h1 {font-size: 30px;}
.mainheading  h2 {font-size: 18px;}
.featurette-divider {margin: 20px 0;}
.featurette-image.pull-left {margin-right: 20px;}
.featurette-image.pull-right {margin-left: 20px;}
.featurette-heading {font-size: 23px;}
.lead p{line-height:1.2em; font-size:13px;text-align:left;}
.well p{line-height:1.2em; font-size:13px;text-align:left;}
.lead li {line-height:1.2em; font-size:13px;text-align:left;}
}

@media (max-width: 991px) {

.mainheading   h1 {font-size: 28px;}
.mainheading  h2 {font-size: 17px;}
.featurette-divider {margin: 18px 0;}
.featurette-image {max-width: 50%;}
.featurette-image.pull-left {margin-right: 10px;}
.featurette-image.pull-right {margin-left: 10px;}
.featurette-heading {font-size: 23px;}
.lead p{line-height:1.2em; font-size:12px;text-align:left;}
.well p{line-height:1.2em; font-size:12px;text-align:left;}
.lead li {line-height:1.2em; font-size:12px;text-align:left;}

}

@media (max-width: 768px) {
.mainheading   h1 {font-size: 28px;}
.mainheading  h2 {font-size: 16px;}
.container {margin: 0 15px;}
.featurette-divider {margin: 17px 0;}
.featurette-heading {font-size: 17px;}
hr { margin-top: 9px; margin-bottom: 10px;}
.lead p{line-height:1.1em; font-size:12px;text-align:left;}
.well p{line-height:1.1em; font-size:12px;text-align:left;}
.lead li {line-height:1.1em; font-size:12px;text-align:left;}

}


@media (max-width: 668px) {

.mainheading   h1 {font-size: 25px;}
.mainheading  h2 {font-size: 16px;}
.featurette-divider {margin: 13px 0;}
hr { margin-top: 6px; margin-bottom: 9px;}
.lead p{line-height:1.1em; font-size:12px;text-align:left;}
.well p{line-height:1.1em; font-size:12px;text-align:left;}
.lead li {line-height:1.1em; font-size:12px;text-align:left;}

}

@media (max-width: 640px) {

.headline {padding: 25px 0 15px 0;}
.mainheading   h1 {font-size: 23px;}
.mainheading  h2 {font-size: 14px;}
hr { margin-top: 5px; margin-bottom: 8px;}
.featurette-divider {margin: 7px 0;}
.lead p{line-height:1.1em; font-size:12px;text-align:left;}
.well p{line-height:1.1em; font-size:12px;text-align:left;}
.lead li {line-height:1.1em; font-size:12px;text-align:left;}

}

@media (max-width: 375px) {

.featurette-divider {margin: 10px 0;}
.featurette-image {max-width: 100%;}
.featurette-image.pull-left {margin-right: 0; margin-bottom: 10px;}
.featurette-image.pull-right {margin-left: 0; margin-bottom: 10px;}
.lead p{line-height:1.0em; font-size:9px;text-align:left;}
.well p{line-height:1.0em; font-size:9px;text-align:left;}
.lead li {line-height:1.0em; font-size:9px;text-align:left;}

}