.flex-content-block{
    height:100%;
}


/* Banner Styles */
.site-banner {
    width: 100%;
    background-color: #3d4e57; /* Dark teal/slate background */
    padding: 20px 0;
    text-align: center;
    color: white; /* White text for the entire banner */
    clear: both; /* Clear any floats */
}

.banner-container {
    max-width: 1200px; /* Adjust to match your site's container width */
    margin: 0 auto;
    padding: 0 15px;
}

/* Style the content inside the banner */
.banner-container p {
    margin: 0;
    color: white;
}

/* Make links in the banner visible on the dark background */
.banner-container a {
    color: white;
    text-decoration: underline;
}

.banner-container a:hover {
    color: #f0f0f0; /* Slightly darker white on hover */
}

/* Make sure the banner is properly responsive */
@media (max-width: 768px) {
    .site-banner {
        padding: 8px 0;
    }
    
    .banner-container {
        padding: 0 10px;
    }
}