/* Base reset and body styling */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #fafafa;
    color: #222;
}

/* Center the banner with proportional whitespace */
.banner-container {
    display: flex;
    justify-content: center;
    align-items: center;
/*    padding: 5vh 0; /* 5% vertical whitespace */
    background-color: #fff;
}

/* Banner scales responsively with side whitespace */
.banner {
    width: 50vw;             /* Leaves 25% whitespace on each side (50% used for banner) */
    max-width: 984px;        /* Don’t exceed the original SVG width */
    height: auto;            /* Maintain aspect ratio */
    display: block;
}

/* Main content below */
.content {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}