#top-background-wrapper {
     position:absolute;
     width:100%;
     height:250px;
   }
   #top-background {
     width:100%;
     height:100%;
     margin: 0 auto;
     background-image: url(/Buchholtz_Hero_BG.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: bottom;
   }
   #main-wrapper {
     padding: 0 5%;
     margin: 5ex auto 3ex auto;
     max-width: 80em;
   }
   #side-image-wrapper {
     float: left;
     max-width: 40em;
     width: 40%;
     padding: 0 3em 3ex 0;
   }
   #side-image {
     width:100%;
     border:1px solid #444;
     border-radius: 5px;
   }
   #right-text {
     margin-right: 2%;
     margin-left: auto;
   }
   #right-text-contents {
     width:100%;
     margin: 0 auto;
   }
   #middle-image-wrapper {
     display: none;
     width: 100%;
     margin: 0 auto;
     text-align: center;
   }
   #middle-image {
     width:75%;
     border:1px solid #ccc;
     border-radius: 5px;
   }
   h1 {
     text-align: center;
     margin: 5ex 0 3ex 0;
   }
   #button-wrapper {
     text-align: center;
   }
   .button-block {
      width: 15em;
      display: inline-block;
   }

   h1 {
     margin-bottom: 1ex;
   }

   h2 {
     text-align:center;
     margin-bottom: 5ex;
   }

   @media only screen and (max-width: 65em) {
     #main-wrapper {
       max-width: 90%;
     }
     #side-image-wrapper {
       display: none;
     }
     #middle-image-wrapper {
       margin: 0 auto 3ex auto;
       display: block;
       width: 90%;
     }
   }