@media (max-width: 800px) {
    .section {
        padding: 2rem 1.5rem;
    }

    .mobile-reverse-columns {
        flex-direction: column-reverse;
    }

    .about-me > div {
        width: 100%;
    }

    .body-text {
        text-align: justify;
    }

    .two-columns {
        gap: 2rem;
    }

    .portrait {
        width: 65%;
        margin: 0 auto;
    }
}

@media (max-width: 470px) {
    .front-site {
        gap: 1rem;
    }

    .header-name {
        font-size: 3rem;
    }

    .header-physiotherapy {
        font-size: 1.5rem;
    }
}

@media (max-width: 440px) {
    .two-columns.contact {
        flex-direction: column;
        text-align: center;
    }

    .two-columns.contact > div {
        width: fit-content;
        margin: 0 auto;
    }
}