img {
    width: 100%;
}


h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #444444;
    font-size: 18pt;
    background-color: #ffffff;
    text-align: center;
}

h2{
    background-color: rgb(42, 244, 177);
}

h3{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-decoration: none;
    color: #444444;
    font-size: 9pt;
    background-color: #ffffff;
    width: 50%;
   

}

h4{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-decoration: none;
    color: #444444;
    font-size: 9pt;
    background-color: #ffffff;
    text-align: right;
    text-align: center;
}

.p1 {
    /* styles for paragraph 1 */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-decoration: none;
    color: #444444;
    font-size: 9pt;
    background-color: #ffffff;
    width: 50%;
}
  
.p2 {
    /* styles for paragraph 2 */
    font-style: italic;
    color: green;
}
  
.p3 {
    /* styles for paragraph 3 */
    text-decoration: underline;
    color: red;
}


a:visited {
    color: black; /* Or any other color you prefer */
    text-decoration-line: none;
    text-decoration-color: black;
  }

/* Gallery grid: 4 columns, 16px gap */
.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: start;
    padding: 0;
    margin: 0;
}

  
  /* Each figure is a grid item; remove default spacing */
.gallery figure {
    margin: 0;
}
  

.gallery img {
    width: 100%;
    height: 200px;          
    object-fit: cover;       
    border-radius: 6px;      
    background: #ddd;        
    display: block;
}
  
  /* Caption styling (optional) */
.gallery figcaption {
    font-size: 0.8rem;
    text-align: center;
    padding: 6px 0;
}
  
  /* Responsive: 2 columns on medium screens, 1 column on small screens */
  @media (max-width: 900px) {
    .gallery { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 480px) {
    .gallery { grid-template-columns: 1fr; }
  }