#showroom {
    padding-top: 0;

    display: flex;
    position: relative;

    min-height: calc(100vh - var(--header-height));

    flex-direction: column;
    justify-content: center;
    text-shadow: black 0 0 2px;
    background: none;

    img {
        content: url('../img/cover.webp');
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }

    .button {
        font-size: 1em;
    }

    h1 {
        font-size: calc(2em + 2vw);
        padding-bottom: 1rem;
        color: var(--text-light-1);
    }

    h2 {
        font-size: calc(1.5em + 1vw);
        padding-bottom: 1rem;
        color: var(--text-light-2);
    }

    p {
        font-size: 1em;
        margin: 0.6em 0 0;
        max-width: 40rem;
        color: var(--text-light-1);
    }

    @media (min-width: 450px) {
        h1, h2, p {
            text-align: left;
        }
    }
    @media (max-width: 450px) {
        h1, h2, p {
            text-align: center;
        }
    }

    .content {
        justify-content: center;
        flex-direction: column;

        max-width: 1400px;

        div {
            margin-top: 2em;
            max-width: 40rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            gap: 2rem;
        }
    }
}