body {
    background: black;
    color: white;
}
h1, h2, h3, h4, h5, h6 {
    color: white;
}

.navbar ul.nav > li > a {
    text-decoration: none;
}

.home-carousel {
    background: none; /* Removes any background image or color */
}
.home-carousel .dark-mask {
    background: #89b4fa !important;
    }

#top {
    background: black;
}

#top .social a {
    margin-right: 15px;
}

.header #top .container {
    padding-right: 50px;
}

#footer {
    background: black;
    padding: 35px;
  }

b {
    display: none;
}

div[style="background: rgb(234, 234, 234); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 5px; padding: 6px; border-radius: 2px; border: 2px solid rgb(102, 153, 204); color: rgb(0, 0, 0); font-family: Verdana, sans-serif; font-size: 11px; position: absolute; z-index: 2000; max-width: 600px; visibility: hidden;"] {
    display: none;
}

#copyright {
    background: black;
    color: black !important;
   /* color: #292929 !important; */
    font-size: 4px;
}

#copyright a {
   /* color: #588bc5; */
   color: black;
}

header {
    font-size: 1.5em; /* This makes the content inside header twice as big */
  }

header #top a {
    transform: scale(1.5); /* This will double the size of the icon */
  }

header #top a:hover i {
    transform: scale(1.5); /* Scale the icon on hover */
}

.col-xs-7 {
    width: 100%;
}

/* .navbar-buttons {
    display: none;
} */

.navbar-brand {
    transform: scale(1.15);
}

section, div.section {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    #copyright {
        padding-top: 33vh; /* Larger padding on smaller screens */
    }
}

#heading-breadcrumbs {
    display: none;
}

/* Grid layout for the image gallery */
.image-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));  /* Responsive grid */
    gap: 16px;  /* Space between images */
    margin: 0 auto;  /* Center the gallery */
}

/* Image styling */
.image-gallery img {
    width: 100%;      /* Make images fill the grid cells */
    height: auto;     /* Keep the aspect ratio intact */
    object-fit: cover;  /* Ensures images cover the area without distortion */
}

/* Optional: Ensure all images are responsive */
img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}