@media screen and (max-width: 768px) {
    .form {
        display:flex;
        flex-direction: column;
    }
    
    .form_col11, .form_col12 {
        margin: 0;
    }
    .portails_wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .portails_wrapper > .portail {
        width: 100%;
        min-height: 80px;
    }

    #portails::before,
    #contact::before,
    #faq::before {
        width: 100%;
        left: 0;
        border-radius: 0;
    }
    .link_press {
        font-size: 1.4em;
        margin: 10px 0 0;
        text-align: center;
        flex-direction: column;
        font-weight: 800;
        width: 100%;
    }
    #intro .text .press_icon {
        display: none;
    }
    section#header_top .main_logo svg {
        max-width: 80%;
    }

    .box {
        padding: 15px;
    }

    .box_wrapper::before {
        transform: rotate(-1deg);
    }

    .portails_footer {
        flex-wrap: wrap;
    }
    .portails_footer .footer_logo{
        width: 100%;
    }
}