/* 1 */
@media (max-width: 750px) {

    /* 2 */
    body {
        padding: 1rem;
        font-size: 0.9rem;
    }

    /* 3 */
    header {
        padding: 1rem;
        font-size: 1.1rem;
    }

    /* 4 */
    main {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    /* 5 */
    section {
        gap: 0.8rem;
    }

    /* 6 */
    h2 {
        font-size: 1.1rem;
    }

    /* 7 */
    input[type="text"],
    input[type="password"],
    input[type="date"],
    input[type="email"] {
        padding: 0.5rem;
        font-size: 1rem;
    }

    /* 8 */
    select {
        padding: 0.5rem;
        font-size: 1rem;
    }

    /* 9 */
    img {
        width: 4rem;
        margin: 0 auto;
    }

    /* 10 */
    th,
    td {
        padding: 0.5rem;
        font-size: 0.9rem;
    }

    /* 11 */
    ol {
        margin-left: 1rem;
    }

    /* 12 */
    button {
        padding: 0.6rem;
        font-size: 1rem;
    }

    /* 13 */
    footer {
        padding: 1.5rem;
        font-size: 0.9rem;
    }

    /* 14 */
    .container-flex {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
}