@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    .main_image_container {
        background-color: black;
    }

    .ondes {
        width: 250px;
    }



    .article_title {
        color: #030f40;
        font-size: 1.5rem;
        font-weight: 900;
    }

    .article_description {
        color: #273064;
        font-size: 0.8rem;
    }

    .article_description p {
        color: #273064;
        font-size: 0.8rem;
        margin-bottom: 0;
    }

    .article_picture,
    .example_picture {
        width: 100%;
        height: auto;
        /*max-height: 338px;*/
    }

    .banner {
        background-color: #aadc14;
        padding: 1rem;
    }

    .banner_title {
        color: white;
        font-size: 1.7rem;
    }


    .banner_description div {
        margin-left: 3.2rem;
        padding-right: 4rem;
    }

    .banner_description {
        color: white;
        font-size: 0.8rem;
    }



    .benefit_main_title {
        color: #030f40;
        text-align: center;
        font-size: 2rem;
    }


    .example_title,
    .benefit_title,
    .picture_title {
        color: #030f40;
        font-size: 1.4rem;
        font-weight: 600;
    }

    .example_description {
        color: #030f40;
        text-align: justify;
        font-size: 0.8rem;
    }

    .benefit_description p {
        color: #030f40;
        text-align: center;
        font-size: 0.8rem;
        margin-bottom: 0;
    }

    .pictures {
        max-height: 290px;
        max-width: 290px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .benefit_title p {
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 0;
    }

    @media(max-width: 768px) {
        .banner_title {
            text-align: center !important;
        }

        .banner_description {
            color: white;
            font-size: 1.5rem;
        }

        .article_title {
            color: #030f40;
            font-size: 2.5rem;
            font-weight: 900;
        }

        .article_description {
            color: #273064;
            font-size: 1.5rem;
        }

        .example_description p,
        .benefit_description p {
            color: #030f40;
            text-align: center;
            font-size: 1.5rem;
        }



        .example_title,
        .benefit_title,
        .picture_title {
            color: #030f40;
            font-size: 2.5rem;
            font-weight: 600;
        }

        .benefit_picture {
            max-height: 9rem;
            width: auto;
        }

        .article_description p {
            color: #273064;
            font-size: 1.5rem;
            margin-bottom: 0;
        }
    }
}