section.java-expertise {
    padding: 60px 0 120px 0;

    .items {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        gap: 32px;

        .card {
            width: 100%;
            max-width: calc(50% - 16px);
        }

        h3 {
            font-size: 20px;
            line-height: 1.6em;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin: 0;
        }

        .gallery {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 12px;
        }
    }
}


/* MEDIA */

@media only screen and (max-width: 678px) {
    section.java-expertise {
        padding: 40px 0 80px 0;

        .items {
            margin-top: 24px;
            gap: 24px;

            .card {
                max-width: 100%;
            }
        }

        h3 {
            font-size: 16px;
        }
    }
}

/* ( < 678 ) */