#content {
    display: flex;
    flex-direction: column;
    gap: 2em;
    margin: 15px;
}

#search-parent {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
}

#search-box {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 5px;
}

#filter-select {
    font-size: smaller;
    height: fit-content;
}

#buttonResults {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
}

#buttonResults > *{
    margin: 1em;
}

@media screen and (max-width: 600px) {
    #buttonResults {
        grid-template-columns: repeat(2, 1fr);
    }
    #search-box{
        flex-direction: column;
    }   
}


@media screen and (max-width: 475px) {
    #buttonResults {
        grid-template-columns: repeat(1, 1fr);
    }   
}