/* Scss Document
About page content styles */
/* Scss Document */
/*color definitions*/
/*dark red*/
/*light blue-gray: footer*/
/*light gray: nav bar*/
/*bright red: phone number, nav current page*/
/*bright blue*/
/*dark blue: body text*/
/*header background overlay*/
/*tile background overlay*/
.maincontent {
  position: relative; }
  .maincontent div.whitebg, .maincontent div.colorbg {
    position: relative;
    width: 100%;
    padding: 50px; }
    .maincontent div.whitebg > *, .maincontent div.colorbg > * {
      width: 80%;
      margin: 0 auto;
      max-width: 1080px; }
    @media (max-width: 1000px) {
      .maincontent div.whitebg .flex-contain .flex-col.col-4, .maincontent div.colorbg .flex-contain .flex-col.col-4 {
        flex-basis: 50%; } }
    .maincontent div.whitebg .flex-contain .flex-col.col-4, .maincontent div.colorbg .flex-contain .flex-col.col-4 {
      padding: 20px;
      position: relative;
      min-width: 150px; }
      .maincontent div.whitebg .flex-contain .flex-col.col-4 div.profile-img, .maincontent div.colorbg .flex-contain .flex-col.col-4 div.profile-img {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative; }
        .maincontent div.whitebg .flex-contain .flex-col.col-4 div.profile-img:after, .maincontent div.colorbg .flex-contain .flex-col.col-4 div.profile-img:after {
          content: "";
          display: block;
          padding-bottom: 100%; }
      .maincontent div.whitebg .flex-contain .flex-col.col-4 div.profile-img#JohnHack, .maincontent div.colorbg .flex-contain .flex-col.col-4 div.profile-img#JohnHack {
        background: url("../img/JohnHack.jpg") no-repeat center;
        background-size: cover; }
      .maincontent div.whitebg .flex-contain .flex-col.col-4 div.profile-img#JohnHackII, .maincontent div.colorbg .flex-contain .flex-col.col-4 div.profile-img#JohnHackII {
        background: url("../img/JohnHackII.jpg") no-repeat center;
        background-size: cover; }
      .maincontent div.whitebg .flex-contain .flex-col.col-4 div.profile-img#JennieHack, .maincontent div.colorbg .flex-contain .flex-col.col-4 div.profile-img#JennieHack {
        background: url("../img/JennieHack.jpg") no-repeat center;
        background-size: cover; }
      .maincontent div.whitebg .flex-contain .flex-col.col-4 div.profile-img#StaceyHack, .maincontent div.colorbg .flex-contain .flex-col.col-4 div.profile-img#StaceyHack {
        background: url("../img/StaceyHack.jpg") no-repeat center;
        background-size: cover; }
  .maincontent div.whitebg {
    background-color: #fff; }
  .maincontent div.colorbg {
    background-color: #0F3457;
    color: #C3D3E1; }
  .maincontent h2 {
    text-align: center; }

/*# sourceMappingURL=about.css.map */