.gh-members {
    padding: 5vmin 0;
}
.member-section {
    width: 100%;
    margin: auto;
}

.member-column a {
    text-decoration: none;
    font-size: 2.0rem;
    color: var(--color-base);
}

.member-column svg {
    margin-bottom: 5px;
}

div.member-row h1 {
    text-align: center;
    margin-bottom: 20px;
}

.member-row {
    margin-bottom: 25px;
    text-align: center;
}

.member-row:after {
    content: "";
    display: grid;
    clear: both;
    margin: auto 0;
}

.member-row ul {
    display: inline-block;
    list-style: none;
    text-align: left;
    padding-left: 0px;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;

}

.member-row li {
    padding: 10px;
    margin-top: 0px !important;
}

.member-row li a {
    text-decoration: none;
    font-size: 2.0rem;
    color: var(--color-base);
}

.member-options {
    display: flex;
}
.member-search {
    margin-top: 60px;
}
.member-search a {
    text-decoration: none;
    font-size: 2.1rem;
    color: var(--color-base);
    cursor:pointer;
    background-color: #ebcd68;
    padding: 15px;
    border-radius: 10px;
}

/* Create three equal columns that floats next to each other */
.member-column {
    float: left;
    width: 33.33%;
    padding: 25px;
    text-align: center;
}

.member-section img {
    width: 100%;
    height: auto;
}

@media (max-width: 740px) {
    .member-column a {
        font-size: 1.5rem;
    }

    .member-row li a {
        font-size: 1.7rem;
    }
    .member-row ul {
        columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    }
    .member-row {
        margin-bottom: 12px;
    }
    .member-column {
        padding: 15px;
    }
    .member-row h1 {
        margin-top: 20px;
    }
}