/* FYC Cards - Set of 3 info "cards" with icon, button2, and some text */
/* =========================================================================== */
.grid_3up {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.grid_card1 {
    padding: 25px 15px;
    margin: 15px;
    text-align: center;
    font-size: 1.1em;
    color: var(--brand-shadow);
    background-color: var(--card-bg);
    box-shadow: var(--box-shadow);
    border: 1px solid #333;
    border-radius: 10px;
}

.grid_card1 .the-icons {
    font-size: 3.5em;
    color: #1b3e6f;
    cursor: auto;
}

.grid_card1:hover {
    border: 1px solid #111;
    background-color: var(--hover-bg);
}

@media screen and (max-width: 800px) {
    .grid_3up {
        display: block;
    }

    .grid_card1 {
        margin: 30px auto;
        font-size: 1.2em;
    }
}