strong {
    text-decoration: underline;
    text-decoration-color: #f1e4d9;
    text-decoration-thickness: 11px;
    text-underline-offset: -7px;
    text-decoration-skip-ink: none;
}
.wrapper {
    margin-bottom: 45px;
}
section h2 {
    background-color: var(--c3);
    color: white;
    padding: 15px;
    font-size: 1.7rem;
    font-family: var(--mi);
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15px;
    span {
        font-family: var(--en);
        border-right: 1px solid white;
        padding-right: 15px;
        margin-right: 15px;
    }
}
section p {
    margin-bottom: 14px;
}
#intro img{
    aspect-ratio: 690 / 380;
    object-fit: cover;
}
#zeh01 img {
    width: 80%;
    display: block;
    margin: 0 auto;
    margin-bottom: 26px;
}
#zeh01 .btn {
    width: 300px;
}
#zeh02 img {
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-bottom: 26px;
}

@media screen and (min-width: 960px) {
    .wrapper {
        max-width: 1180px;
        margin-bottom: 144px;
    }
    section.wrapper, #outro.wrapper {
        max-width: 1030px;
        width: 100%;
        margin-bottom: 96px;
    }

    section h2 {
        font-size: 3.2rem;
        padding: 20px 34px;
        margin-bottom: 50px;
        span {
            font-size: 3rem;
            padding-right: 24px;
            margin-right: 34px;
        }
    }
    .flex-container {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 42px;
        padding: 0 20px;
    }
    #zeh01 img {
        max-width: 370px;
    }
    #zeh01 .btn {
        width: 330px;
        margin-top: 20px;
    }
    #zeh02 img {
        max-width: 414px;
    }
    p {
        line-height: 2;
    }
    #zeh01 p, #zeh02 p {
        max-width: 465px;
    }
    #zeh03 p {
        padding: 0 20px;
        margin-bottom: 40px;
    }
    #zeh03 img {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0 20px;
    }
    #outro p{
        padding: 0 20px;
    }
}