@media (max-width: 768px) {
    header {
        flex-direction: column;
        text-align: center;
    }

    .logo-motto-container {
        flex-direction: column;
        gap: 10px;
    }

    .circle {
        width: 180px;
        height: 180px;
        font-size: 24px;
    }

    section {
        padding: 20px;
    }

    footer {
        padding: 20px;
    }
}