/* =========================================================
   Southern Steel — Event Page
   event.css
   ========================================================= */

:root {
    --ss-navy: #1b2a6b;
    --ss-border: #d6d6d8;
    --ss-text: #333333;
    --ss-panel-bg: #f4f4f5;
    --ss-max-width: 1280px;
}
.event-banner {
    width: 100%;
    background-color: #1b2a6b;;
}
.event-banner img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
}

@media (max-width: 900px) {
    .event-banner img {
        height: 220px;
    }
}

@media (max-width: 600px) {
    .event-banner img {
        height: 160px;
    }
}