@media only screen and (max-width: 1200px) {
    .gallery-main {
        padding-top: 50px !important;
    }
}

@media only screen and (max-width: 1100px) {
   .item { 
        box-shadow: 0 0 10px 3px rgba(0, 25, 253, 0.589) !important;
   }

   figure {
    margin: 0 !important;
    width: 100%;
    height: 100%;
   }

   figure img {
    width: 100%;
    height: 100% !important;
    display: block;
    object-fit: cover;
   }
}

@media only screen and (max-width: 900px)  {
    .gallery {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media only screen and (max-width: 480px) {
    .gallery-main h1 {
        font-size: 4rem !important;
    }
}






.gallery-body {
    margin: 0;
    width: 100%;
    background-color: rgb(0, 0, 2);
  }
  
  .gallery-main {
      display: flex;
      flex-direction: column;
      position: relative;
      padding-top: 100px;
      /*top: 135px;*/
      width: 100%;
      text-align: center;
      justify-content: center;
      background-image: url(../images/close_wld_sheet.jpg);
      background-position: top;
      background-size: contain;
      background-repeat: no-repeat;
  }
  
  .gallery-main h1 {
      font-size: 6rem;
      color: hsl(199, 61%, 93%);
      text-shadow: rgb(37, 0, 247) 2px 2px 10px,
                   rgb(0, 110, 255) -2px -2px 10px,
                   red -2px 2px 10px;
  }

.gallery {
    display: grid;
    position: relative;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    grid-auto-flow: row;
    background-color: black;
    color: whitesmoke;
    font-family: "Bai Jamjuree", Helvetica, sans-serif;
    gap: 20px;
    justify-items: center;
    margin-left: 2vw;
    margin-right: 2vw;
    margin-bottom: 4vw;
    
}



.item figure img {
    width: 100%;
    height: auto;
}

figure {
    width: auto;
    margin: 20px;
}

.item {
    border:hsl(199, 61%, 93%) solid 5px;
    box-shadow: inset 0 0 20px 8px rgba(0, 25, 253, 0.589);
    width: 100%;
    
}

figcaption {
    font-family: "Bai Jamjuree", Helvetica, sans-serif;
    font-size: 1.5vw;
}