@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    article > header > img {
        margin-top: 300px;
    }
    h1 {
        color: rgba(71, 203, 194, 1);
    }

    .gradient-container {
        background-image: linear-gradient(90deg, rgba(71, 203, 194, 1), rgb(166,214,70));
    }


    footer {
        background: rgba(71, 203, 194, 1);
    }

    .club h4 {
        background-color: rgba(224, 85, 95, 1);
    }

    .service-col ul li.club strong {
        color: rgba(224, 85, 95, 1);
    }

    .service-col ul li.club p:last-child {
        border-color: rgba(224, 85, 95, 1);
    }

    .services h4 {
        background-color: rgba(224, 190, 95, 1);
    }

    .service-col ul li.services strong {
        color: rgba(224, 190, 95, 1);
    }

    .service-col ul li.services p:last-child {
        border-color: rgba(224, 190, 95, 1);
    }

    .events h4 {
        background-color: rgba(116, 201, 214, 1);
    }

    .service-col ul li.events strong {
        color: rgba(116, 201, 214, 1);
    }

    .service-col ul li.events p:last-child {
        border-color: rgba(116, 201, 214, 1);
    }

    .driving h4 {
        background-color: rgba(113, 180, 0, 1);
    }

    .service-col ul li.driving strong {
        color: rgba(113, 180, 0, 1);
    }

    .service-col ul li.driving p:last-child {
        border-color: rgba(113, 180, 0, 1);
    }

    .service-col .card h4 {
        color: rgba(236, 137, 164, 1);
    }

    .service-col ul {
        text-align: center;
    }

    .service-col li {
        display: inline-flex;
        width: 21%;
        margin-right: 1em;
    }

    footer section div {
        display: inline-block;
        vertical-align: top;
    }

    footer section div:first-child {
        width: 75%;
        padding-right: 3em;
    }

    footer section div:last-child {
        width: 20%;
    }

    footer section > a {
        display: block;
        width: 100%;
        padding: 1em 0;
    }
}