

.applications-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    gap: 1.667rem;
    padding-top: 1.22rem;
}

.applications-grid a {
    width: 100%;
}

.applications-grid .banner-button {
    grid-column: auto / span 2;
}

@media screen and (max-width: 768px) {
    .applications-grid {
        grid-template-columns: 1fr 1fr;
    }
    .applications-grid .application-button:where(:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10)) {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    article.applications {
        border-radius: 0px;
    }
}

@media screen and (max-width: 400px) {
    .applications-grid {
        display: flex;
        flex-flow: column;
        gap: 1rem;
    }
}