.main-text {
    font-size: 1.5rem;
}
.main-text a {
    font-style: italic;
    color: aqua;
}
.message-image {
    display: block;
    margin: 20px auto;
    max-width: 450px;
}

.practice {
    margin-top: 0px;
}

#container article {
    display: grid;
    grid-area: article;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: min(100%, 1200px);
    max-width: 1200px;
    margin: 0 auto;
    justify-self: center;
    justify-content: center;
    align-content: start;
    padding: 0;
}

@media (min-width: 1501px) {
    #container article {
        column-gap: 20px;
    }
}

@media (min-width: 1015px) {
    .practice {
        margin-top: 70px;
    }
}

@media (min-width: 1400px) {
    .message-image {
        max-width: 350px;        /* zmniejszenie max-width dla dużych ekranów */
    }
}

@media screen and (max-width: 768px) {
    .main-text {
        font-size: 1.3rem;
    }
    .message-image {
        margin: 0 auto;
        max-width: 260px;
    }
}