@media screen and (max-width: 768px) {
    #navbar {
        background: #131313 !important;
        box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
        padding: .5rem 0;
    }

    #navbar,
    #landing .left {
        padding: 0.2rem 1.2rem;
    }

    #landing .content h1 {
        font-size: 2rem;
        line-height: inherit;
    }

    #landing .content p {
        font-size: .9rem;
    }

    #landing .content .button {
        font-size: .8rem;
    }

    .tool-grid {
        grid-template-columns: 1fr;
    }

    .tool-title h1 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 318px) {
    #landing .content .button {
        display: block;
        margin-top: 1rem;
    }
}