/* laptop */
@media (max-width: 100rem) {
    /* master */
    body {
        font-size: 0.85rem;
    }

    h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    h2 {
        font-size: 2rem;
        line-height: 2rem; 
    }

    h3 {
        font-size: 2rem;
        line-height: 2rem;
        letter-spacing: 0.15rem;
    }

    /* tools */
    .padding {
        padding: 0 2rem;
    }

    /* navigation container */
    .navigation {
        height: auto;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        flex-wrap: wrap;
        row-gap: 0.75rem;
    }

    /* brand */
    .navigation .brand a {
        font-size: 1rem;
        gap: 0.4rem;
    }

    .navigation .brand a img {
        width: 1rem;
    }

    /* links wrapper */
    .navigation .links {
        width: 100%;
        justify-content: center;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    /* links */
    .navigation .links a {
        font-size: 0.8rem;
        padding: 0.15rem 0.25rem;
    }

    /* admin icon */
    .navigation .links a img {
        width: 1.2rem;
    }

    /* hero */
    .hero {
        justify-content: center;
        padding-top: 15vh;
        padding-bottom: 5rem;
        height: 100%;
    }

    .hero .title {
        flex-direction: column;
    }

    .hero .title img {
        width: 10rem;
    }

    /* cards */
    .cards .container {
        gap: 2.5rem;
    }

    .cards .container .card {
        width: 20rem;
        height: 40rem;
    }

    /* about */
    .about {
        flex-direction: column;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        height: 100%;
    }

    .about .title {
        justify-content: center;
        align-items: center;
    }

    .about img {
        width: 50%;
        order: 1;
    }

    /* contact */
    .contact {
        padding-top: 5rem;
        padding-bottom: 5rem;
        height: 100%;
    }

    /* gallery */
    .gallery_item {
        width: 100% !important;
    }
}

/* mobile */