body{
    font-family: "Arial", sans-serif;
    font-weight: bold;
    margin: 20px;
    padding: 20px;
    background-color: lightgray;
}

h1 {
  text-align: center;

  font-size: 48px;
  background: -webkit-linear-gradient(#000080, #033e3e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h2 {
  text-align: center;

  font-size: 32px;
  background: -webkit-linear-gradient(#000080, #033e3e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h3 {
  text-align: center;

  font-size: 32px;
  background: -webkit-linear-gradient(#000080, #033e3e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Page headings */
.sub-title{ text-align:center; margin: 0 0 8px 0; }
.subtitle{ text-align:center; font-weight: bold; margin: 0 0 6px 0; }
.coming{ text-align: center; font-weight: bold; margin-top:6px; }

/* Gallery styles */
.gallery-section{ max-width:1000px; margin:30px auto; padding:16px; background: rgba(255,255,255,0.6); border-radius:8px; }
.note{ text-align:center; color:#222; margin-bottom:12px; }

.gallery{ display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:16px; }
.gallery figure{ margin:0; background:#fff; padding:8px; border-radius:6px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.12); transition: transform .18s ease, box-shadow .18s ease; }
.gallery figure:hover{ transform: translateY(-6px); box-shadow:0 8px 20px rgba(0,0,0,0.18); }
.gallery img{ width:100%; height:180px; object-fit:cover; border-radius:4px; display:block; }
.gallery figcaption{ margin-top:8px; font-size:0.9rem; color:#222; }

@media (max-width:420px){ .gallery img{ height:140px; } }