@media (max-width: 420px) {
    #projects .grid .card img {
        height: 16rem;
    }
}

@media (min-width: 768px) {
    #about {
        width: 500px;
    }

    .main-container {
        max-width: 720px;
    }

    #projects .filters > div,
    #projects .filters > select,
    #projects .filters > input {
        max-width: 49%;
    }

    #projects .grid .card {
        width: 16rem;
    }

    #projects .grid .card img {
        height: 12rem;
    }
}

@media (min-width: 992px) {
    #about {
        width: 600px;
    }

    #main-container {
        max-width: 960px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    #about {
        width: 800px;
    }

    #main-container {
        max-width: 1140px;
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 1400px) {
    #main-container {
        max-width: 1320px;
        padding-left: 55px;
        padding-right: 55px;
    }

    #projects .filters > div,
    #projects .filters > select,
    #projects .filters > input {
        max-width: 24%;
    }

    #projects .filters #inspiration {
        max-width: 21%;
    }

    #projects .filters #order-by {
        max-width: 27%;
    }
}

@media (min-width: 1600px) {
    #main-container {
        max-width: 1500px;
    }
}