.site-header {
  border-bottom: 0px;
}

/* Mobile logo */
#mobile-logo img.custom-logo {
  height: 50px;
}

/* Blog banner image sizing */
@media (max-width: 1199.98px) {
    div#content div.container-fluid img.attachment-full {
        width: 100%;
        height: 30vh; /* 30% of the viewport height */
        object-fit: cover; /* Crops the sides to fit the width */
        overflow: hidden; /* Prevents overflow */
        max-height: 30vh; /* Ensures the image doesn’t exceed 30% of the viewport height */
    }
}