.catgridcontainer {
    width: fit-content;
    max-width: 100%;
    margin: .45em auto;
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 1vh;
}
.cat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px .25em 13px .25em;
    text-align: center;
    font-size: 2.25vh;
    background: white;
}
.cat img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    max-width: 11vw;
    height: auto;
}
.cat img:hover {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
}
@media (max-width: 1000px)
{
    .catgridcontainer {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }
    .cat {font-size: 1.85vh; line-height: 95%; width: 100%;}
    .cat img {
        all: revert;
        max-width: 100%;
        height: auto;
    }
}
@media (min-width: 2000px)
{
    .main {font-size: 2.25vh;}
    nav a {font-size: 3.25vh;}
    .cat {transform: scale(.95);}
}