/* starts main section */

@media screen and (max-width: 930px) {
   .gallery-container1 {
      padding-left: 0 !important;
      justify-content: center !important;
   }

   .majestic-heading {
      font-size: 36px !important;
   }

   .gallery-image-container {
      display: none !important;
   }

   .vertical-image-gallery {
      display: flex !important;
      flex-wrap: wrap !important; /* Allow images to wrap into rows */
      justify-content: center !important; /* Center images */
      gap: 5px !important; /* Space between images */
      width: 100% !important; /* Use full width of container */
      margin: 0 auto !important; /* Center the gallery */
      flex-direction: unset !important;
   }

   .album-images {
      flex: 0 1 calc(50% - 10px) !important; /* Each image should take up 50% of the container minus gap */
      box-sizing: border-box !important;
      background: #205A98 !important;
      padding: 8px !important;
      border-radius: 4px !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
   }

   .image-container-grid7 {
      width: 100% !important;
      height: 270px !important;
      object-fit: cover !important;
   }
}

element.styles {
   display: inline-block;
   width: 100%;
   background: white;
}

.gallery-container2 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 100%;
}

.paragraph-container {
   margin-top: 2.5rem;
   width: 100%;
   display: flex;
   justify-content: center;
}
.paragraph-text {
   color: #121212;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}


.gallery-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
}

.gallery-container1 {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   gap: 8px;
   align-items: center;
   justify-content: space-between;
   padding-left: 40%;
}

.majestic-heading {
   flex: 0 0 auto;
   padding: 0;
   margin: 0;
   font: 700 72px "Playfair Display", serif;
   color: #205A98;
}

.gallery-subtitles {
   width: 80%;
   text-align: center;

}

.gallery-image-container {
   box-sizing: border-box;
   display: block;
   width: 272px;
   max-width: initial;
   height: 181px;
}

.vertical-align-centered-image {
   flex: 0 0 auto;
   align-self: center;
   margin-top: -26px;
   padding-left: 15%;
}

.image-container {
   box-sizing: border-box;
   display: block;
   width: 1204px;
   max-width: initial;
   height: 56px;
}

.gallery-container-flex-box {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   margin-top: 65px;
}

.image-container10 {
   box-sizing: border-box;
   display: block;
   width: 121px;
   max-width: initial;
   height: 552px;
}

.vertical-image-gallery {
   display: grid;
   grid-template-columns: repeat(3, 1fr); /* Creates three equal columns */
   gap: 33px;
   align-items: center;
   justify-content: center;
   padding-bottom: 87px;
   margin-left: 3%;
   margin-right: 3%;
   width: 100%;
}


.horizontal-image-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   gap: 40px;
   align-items: center;
}

.image-container-grid7 {
   box-sizing: border-box;
   display: block;
   width: 100%;
   max-width: initial;
   height: 270px;
   object-fit: cover;
}

.album-images {
 width: 100%;
 background: #205A98;
 padding: 8px;
 border-radius: 4px;
}

.horizontal-image-container {
   display: flex;
   flex-wrap: wrap;
   gap: 10px; /* Space between images */
 }
 
 .album-images {
   flex: 0 0 calc(33.333% - 10px); /* 3 images per row */
   box-sizing: border-box;
 }

 
/* ends main section */