.pad-top {
    padding-top: 60px;
  }
  
  
  .navbar-dark {
    background-color: #ff89fd;
    padding-bottom: 15px;
    height: 40;

    }
  .navbar-light {
    background-color: #020202;
    padding-bottom: 15px;
    height: 40;
    }

  body {
    background-color: #1a1919;
    padding-bottom: 60px;
  }

  .img {
    max-width: 100%; /* Ensures image doesn't exceed its container's width */
    height: auto;    /* Maintains aspect ratio by adjusting height proportionally */
    display: block;  /* Removes extra space below the image, common for inline elements */
  }

  .page-text {
    font-size: 1.2rem;
    color: white;
    align-items: center;
  }

  .div_logo {
    height: 13px;
  }

  .navbar {
    max-height: 56px;
  }

  a.navbar-brand {
    position: relative;
    
    height: 40px;
    width: auto;
    padding: 0px, 0px;
  }

  .nav-logo {
    position: relative;
    height: 30px;
    width: auto;
    text-align: center;
  }

  a.logos {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  @media (max-width: 767.98px) { /* Adjust breakpoint as needed */
    .social-icons-container {
      padding-top: 50px; /* Adjust as needed */
    }
  }

  @media (max-width: 767.98px) { /* Adjust breakpoint as needed */
    .social-icons-container svg {
      fill: black !important;
    }
  }

  li.style {
    list-style-type: decimal;
  }


/* footer */
footer {
  background-color: #1c1b1b;
  color: #fff;
  padding: 15px;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}



.dm-serif-text-regular {
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-style: normal;
}

.dm-serif-text-regular-italic {
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-style: italic;
}

.gallery-container {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 8%;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

.gallery img {
  width: 100%;
}