/* Site CSS */

 #hero {
	 background: #fff url(../img/unm_familydevelopmentprogram_horizontal_rgb.png) center top no-repeat;
	 background-size: 600px auto;
	 height: 175px;
	 margin;
	 0;
}
 @media only screen and (max-width : 768px) {
	 #hero {
		 background-size: 400px auto;
	}
}
 #header {
	 margin: 0;
	 padding: 0;
	 position: absolute;
	 height: 175px;
	 width: 100%;
}
 #header a {
	 text-indent: -9999px;
	 display: block;
	 height: 175px;
	 width: 100%;
	 margin: 0;
	 padding;
	 0;
}

/* for making equal height divs ala tables 
from: https://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height */
@media (min-width: 768px) {
  .row.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
  }
}

.buffer-top { margin-top: 10px; }
.buffer-bottom { margin-bottom: 10px; }