#users-membership {
    padding: var(--content-padding);
    padding-left: .5rem;
    padding-right: .5rem;
    margin-bottom: 2rem;
    /* width and centering */
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
#cards-header {
    text-align: center;
    padding-bottom: .5em;
    color: var(--color-dark);
    text-shadow: var(--text-shadow);
}

/* CARDS */
.card-deck {
    margin: 0;
    display: grid;
    grid-auto-flow: row;
}
.card {
    padding: 0;
    cursor: default;

    border: solid lightskyblue;
    background-image: var(--background-gradient);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    border-radius: 15px;

    transition: transform .3s ease-out, box-shadow .3s ease-out, border .3s ease-out;
}
.card:nth-of-type(1) {
    margin-bottom: 3rem;
}
.card-header {
    width: 100%;
    margin: 0;
    padding: 0;
}
.card-title {
    color: var(--color-light);
    font-weight: 700;
    font-size: 1.75em;

    width: 100%;
    padding: .5em 0;

    border-top-left-radius: 11px;
    border-top-right-radius: 11px;

    background-color: lightskyblue;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;

    /*TUNING*/
    /*background: coral;*/
}
.card-subtitle {
    margin: 0 1.5em .5em;
    font-weight: 700;
}
.card-subtitle a, .text-link {
    color: #004fa4;
}
.card-body {
    padding: 0;
}
.card-text {
    list-style: none;
    padding-left: 2em;
    margin-bottom: 0;
    font-size: .8rem;
}
.good-mark::before {
    color: limegreen;
    content: '✓ ';
}
.bad-mark::before {
    color: red;
    content: '✗ ';
}
.card-price {
    font-size: 1.5em;
    padding: 1.5em;
}
#footnotes {
    font-style: italic;
    font-size: .8rem;

    margin-top: .5rem;
    margin-left: 1.5rem;
}

/* SIGNUP */
.modal-account {
    max-width: 550px;
}
.btn-group-toggle > label {
    font-size: .725em;
    width: 150px;  /*forces equal widths*/
}
.btn-group-toggle > label > i {
    color: inherit;
    font-size: 5em;
}

@media only screen and (min-width: 961px) {
    #users-membership {
        padding: var(--content-padding-desktop);
        margin-left: 2rem;
        margin-right: 2rem;
        /* unset mobile style */
        width: unset;
        max-width: unset;
    }
    #cards-header {
        text-align: left;
    }

    /* CARDS */
    .card-deck {
        grid-auto-flow: column;
        grid-column-gap: 1rem;
    }
    .card {
        border: solid lightgray;
    }
    .card:nth-of-type(1) {
        margin-bottom: revert;
    }
    .card:hover {
        transform: scale(1.01);
        box-shadow: 0 5px 20px rgba(0,0,0,.12);
        background-image: none;
        border: solid lightskyblue;
    }
    .card-title {
        background-color: lightgray;
    }
    .card:hover .card-title {
        background-color: lightskyblue;
    }
    #footnotes {
        margin-left: 2em;
    }

    /* SIGNUP */
    .signup-form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1em;
    }
    .btn-group-toggle > label {
        font-size: 1em;
    }
}

@media only screen and (min-width: 1200px) {
    /* DESKTOP ONLY, iPAD ENDS AT 1024px */
    .card-text {
        font-size: revert;
    }
}