/* Import Brand Hub Fonts */
@font-face {
    font-family: 'Interstate';
    src: url("../assets/fonts/Interstate/Interstate-Bold.otf") format('opentype');
}

@font-face {
    font-family: 'Titillium';
    src: url('../assets/fonts/Titillium/Titillium-Black.otf') format('opentype');
}

.logo-container {
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 100px;
    margin-bottom: 50px;
}

.content-container {
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
    color: #222222;
    font-family: 'Titillium Regular';
}

.content-container, p {
    padding-bottom: 25px;
    font-family: 'Titillium Regular';
    font-size: 20px;
}

#logo {
    width: 180px;
}

body h1 {
    font-size: 42px;
    font-family: 'Interstate';
    margin-bottom: 10px; /* Changed from padding-bottom to margin-bottom */
}

body h2 {
    font-size: 30px;
    color: #00628F;
    font-family: 'Titillium Regular';
    text-decoration: underline;
    margin-top: 10px; /* Changed from padding-top to margin-top */
    margin-left: 10px; /* Changed from padding-left to margin-left */
}

.card-container {
    display: flex;
    flex-wrap: wrap;
}

.card {
    display: flex;
    flex-direction: column;
    border: none !important; /* Remove border from cards */
    border-radius: 0 !important; /* Remove rounded corners from cards */
}

.card-body {
    font-size: 16px;
    font-family: Titillium;
    color: #222222;
    background-color: #ededed;
    flex: 1;
}

.card-body, p {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.card-link {
    color: inherit; /* Inherit color from parent */
    text-decoration: none; /* Remove underline */
}

    .card-link:hover, .card-link:focus {
        color: inherit; /* Keep the original color */
        text-decoration: none; /* Remove underline */
    }

.card-img-top {
    border-radius: 0 !important; /* Remove rounded corners from images */
    height: 300px; /* Set a fixed height for the images */
    object-fit: cover; /* Ensure the images cover the entire area */
    width: 100%; /* Ensure the images are responsive */
}