body {
    background-color: #fff;
    text-align: center;
    padding: 20px 50px;
    max-width: 1200px;
    margin: auto;
}

#header {
    margin-bottom: 40px;
}

#header > div {
    text-align: left;
    display: inline-block;
}

.season {
    text-align: left;
}

.season + .season {
    margin-top: 30px;
}

.race-links div a {
    display: inline-block;
    margin-bottom: 20px;
}

.race-links div a {
    margin-left: 10px;
}

.race-link {
    padding: 10px 20px;
    background-color: #eee;
    border: 1px solid #ddd;
}

.race-link:hover {
    background-color: #ddd;
}

footer {
    margin-top: 30px;
    font-size: 0.75rem;
}

@media screen and (orientation: portrait) {
    body {
        font-size: 2rem;
    }

    h1 {
        font-size: calc(2rem + 1.5vw);
    }

    h4 {
        font-size: calc(1.5rem + 1.5vw);
    }

    .form-select-lg {
        font-size: 2rem;
    }

    footer > div {
        font-size: 1.25rem;
    }

    footer > div:first-child {
        font-size: 1.5rem;
    }
}

@media screen and (orientation: landscape) {
    .bmc-btn {
        padding: 5px 30px !important;
        height: initial !important;
        font-size: initial !important;
    }
}