/* By Zachary A. Miller */

@media screen and (min-width: 100vh) {
    #links .c2-grid-image {
        height: 15vw;
    }

    #links .c2-grid-headline {
        font-size: 2.35vw;
    }

    #links .c2-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #c2-grid-petalpalooza, #c2-grid-pink-tie-dinner-party {
        grid-column: span 2;
    }

    #c2-grid-competitions {
        grid-column: span 3;
    }

    #links #c2-grid-competitions img {
        height: 20vw;
    }
}

@media screen and (min-height: 100vw) {
    #links .c2-grid-image {
        height: 25vw;
    }

    #links .c2-grid-headline {
        font-size: 4vw;
    }

    #links .c2-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #links .c2-grid-item {
        grid-column: span 2;
    }
}

#links {
    margin-top: 7.5vw;
    margin-bottom: 7.5vw;
}

#links .c2-grid-item > a {
    text-decoration: none;
}

#links > .c2-grid {
    position: relative;
    display: grid;
    gap: 3vw;
    left: 50%;
    width: 90vw;
    transform: translateX(-50%);
    font-family: 'Signika Negative', sans-serif;
}

#links .c2-grid-image {
    position: relative;
    width: 100%;
    margin-top: 1.4vw;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
}

#links .c2-grid-headline {
    position: relative;
    width: 100%;
    margin-top: 1.1vw;
    margin-bottom: 0.45vw;
    border-radius: 10px;
    font-family: 'Water Brush', cursive;
    color: var(--global-c-400);
}

#links p.c2-grid-p {
    margin-bottom: 1.1vw;
    font-size: 1.2vw;
}

#links a.c2-grid-learn-more {
    color: var(--global-t-400);
    text-decoration: none;
    font-size: 1.2vw;
    transition: 0.15s;
}

#links a.c2-grid-learn-more:hover {
    text-decoration: underline;
    color: var(--global-c-400);
}

#links #c2-grid-competitions img {
    object-position: center 25%;
}