.dyn-data {
   display: grid;
   grid-template-columns: 40% 20% 40%;
   padding: 1% 5% 3% 5%;
   grid-template-rows: 25vw;
}

#image-area1 {
   grid-column: 1 / span 2;
   display: grid;
   grid-template-columns: repeat(16, 1fr);
   grid-template-rows: repeat(12, 1fr);
   position: relative;
}

#image-area2 {
   grid-column: 2 / span 3;
   display: grid;
   grid-template-columns: repeat(16, 1fr);
   grid-template-rows: repeat(12, 1fr);
   position: relative;
}

img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, .3)) drop-shadow(0px 0px 10px rgba(0, 0, 0, .3));
}

#left-image {
   grid-column: 2 / span 11;
   grid-row: 1 / 11;
   z-index: 1;
}

#right-image {
   grid-column: 9 / -3;
   grid-row: 4 / -1;
   overflow: hidden;
   filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, .3)) drop-shadow(0px 0px 10px rgba(0, 0, 0, .3));
}

#right-image img {
   transform: scale(2.5);
}

#right-image2 img {
   transform: scale(2.5);
}

#left-image2 {
   grid-column: 2 / span 11;
   grid-row: 4 / -1;
   z-index: 1;
}

#right-image2 {
   grid-column: 9 / -3;
   grid-row: 1 / 10;
   overflow: hidden;
   filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, .3)) drop-shadow(0px 0px 10px rgba(0, 0, 0, .3));
}

#menu-bar img {
   filter: grayscale(100%);
}

#text-right {
   grid-column: 3 / -1;
   padding: 3vw;
   margin: auto;
   width: 70%;
   color: #a7a7a7;
   text-align: end;
}

#text-left {
   grid-column: 1 / 2;
   grid-row: 1;
   padding: 3vw;
   margin: auto;
   width: 70%;
   color: #a7a7a7;
   text-align: start;
}

.heading h1 {
   color: #a7a7a7;
   display: inline;
   padding-right: 0.5vw;
   padding-bottom: 2vw;
   font-size: 2em;
}

.heading {
   padding-bottom: 2vw;
}

.bottom h2 {
   display: inline;
   padding: 0;
   margin: 0;
   font-size: 1.4em;
}

.bottom {
   padding-top: 1vw;
}

.paragraph {
   padding-bottom: 0.5vw;
   line-height: 1.5;
   letter-spacing: 3px;
   font-size: 1em;
}

.heading h2 {
   display: inline;
   font-size: 1.4em;
}

.price {
   color: #a7a7a7;
   float: left;
}

.email * {
   color: #a7a7a7;
   float: right;
}

#footer img {
   filter: grayscale(100%);
}

@media only screen and (max-width: 1325px) {
   #text-right {
      width: 90%;
      text-align: start;
      margin: 0;
      margin-top: 20px;
   }
   #text-left {
      width: 90%;
      text-align: start;
      margin: 0;
      margin-top: 20px;
   }
   #right-image {
      width: 0;
      height: 0;
      visibility: hidden;
   }
   #right-image2 {
      width: 0;
      height: 0;
      visibility: hidden;
   }
   #image-area1 {
      display: inline-block;
   }
   #image-area2 {
      display: flex;
   }
   .paragraph {
      font-size: 0.7em;
   }
   .heading h1 {
      color: #a7a7a7;
      display: inline;
      padding-right: 0.5vw;
      padding-bottom: 2vw;
      font-size: 1.5em;
   }
   .heading h2 {
      display: inline;
      font-size: 0.9em;
   }
   .bottom h2 {
      display: inline;
      padding: 0;
      margin: 0;
      font-size: 0.9em;
   }
   .dyn-data {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-content: center;
      align-items: center;
   }
}