/* General styling for the logo */
.custom-logo-link img {
    max-width: 100px;
    /* Ensures the image never exceeds its container width */
    height: auto;
    /* Maintains aspect ratio */
    display: inline-block;
}

/* Specific size adjustments for larger screens */
@media (min-width: 768px) {
    .custom-logo-link img {
        max-width: 150px;
        /* Set a maximum width for larger screens */
    }
}

/* Specific size adjustments for smaller screens */
@media (max-width: 767px) {
    .custom-logo-link img {
        max-width: 100px;
        /* Set a smaller width for mobile devices */
    }
}

/* Footer copyright */
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black) !important;
}