div.firstpart {
     max-width:75em;
     width: 80%;
     margin: 0 auto;
   }
   div.bg-wrapper {
     position:absolute;
     height: 500px;
     width: 100%;
     z-index:-1;
   }
   div.bg {
     z-index:-1;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: bottom;
   }
   div#text-container {
     margin-top: 20ex;
   }
   #main-wrapper {
     display: flex;
     flex-direction: row;
   }
   #left-images {
     width: 30%;
   }
   #large-image-wrapper {
     margin-top: 5ex;
     width: 100%;
   }
   #large-image {
     width: 100%;
     border: 1px solid #888;
     border-radius: 5px;
   }
   #right-text-top {
     width: 70%;
     padding-top: 10ex;
   }
   #right-text-bottom {
     width: 70%;
   }
   #small-image-wrapper {
     display: flex;
     width: 100%;
     flex-direction: row;
     column-gap: 5px;
   }
   .small-image {
     border: 1px solid #888;
     border-radius: 5px;
     width: 25%;
   }
   .small-image img {
     display: block;
     width: 100%;
   }
   input, textarea, select {
     font-size: 140%;
   }
   .form-error {
     color: red;
   }
   input, select {
     display: inline-block;
     margin-bottom: 2ex;
   }


   @media only screen and (max-width: 50em) {
     div#wrapper {
       display: block;
     }
     div#text-container {
       height: unset;
       width: 100%;
     }
     #main-wrapper {
       flex-direction: column;
     }
     #left-images {
       margin: 5ex 15% 2ex 15%;
       order: 3;
     }
     #right-text-top {
       order: 1;
       padding-top: 2ex;
     }
     #right-text-bottom {
       order: 2;
     }
  }