@media all {
    main {
        margin-top: 150px!important;
    }

    main .actu {
        width: 100%;
        margin: 50px auto 100px auto;
    }

    .actu h2 {
        text-transform: uppercase;
    }

    .actu .news {
        border-radius: 1.525em;
        margin: 50px auto;
        padding: 25px 0;
        background-color: white;
    }


    .news-actu {
        border: rgb(225, 0, 72) solid 5px;
    }

    .title-actu {
        color: rgb(225, 0, 72);
    }

    .news-actu img {
        border: rgb(225, 0, 72) solid 3px;
    }


    .news-health {
        border: rgb(225, 0, 72) solid 5px;
    }

    .title-health {
        color: rgb(225, 0, 72);
    }

    .news-health img {
        border: rgb(225, 0, 72) solid 3px;
    }

    .news-practice {
        border: rgb(225, 0, 72) solid 5px;
    }

    .title-practice {
        color: rgb(225, 0, 72);
    }

    .news-practice img {
        border: rgb(225, 0, 72) solid 3px;
    }

    .news-group-content .link {
        text-align: left;
        width: 95%;
    }

    .link a {
        max-width: 90% !important;
        word-break: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    }

    .news-practice img {
        border: rgb(225, 0, 72) solid 3px;
    }

    .news-group-content p {
        text-align: justify;
    }

    .speakers {
        width: 90%;
        margin: 20px 5%;
    }

    .speakers h4 {
        width:90%;
        margin-left: 5%;
        font-size: 22px;
        padding: 15px 0;
        text-align: center;
    }

    .speakers p {
        width: 95%;
        padding: 5px;
        text-align: center;
        margin-left: 2.5%;
    }
}

@media (min-width: 1400px) {
    .actu h2 {
        font-size: 46px;
    }

    .actu .news {
        width: 90%;
        margin-left: 5%;
    }

    .news .news-head {
        width: 100%;
    }

    .news-head h3 {
        width: 100%;
        text-align: center;
        font-size: 28px;
        padding: 10px;
    }

    .news-head h4 {
        font-size: 22px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;
    }

    .news-head h5 {
        font-size: 18px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;

    }

    .news-head .category {
        width: 95%;
        margin: 0 2.5%;
        font-size: 22px;
        text-align: center;
    }

    .news-body {
        width: 100%;
        margin: 15px 0;
    }

    .news-body .news-group {
        width: 95%;
        margin: 10px 2.5%;
        display: flex;
    }

    .news-group .news-group-image {
        width: 30%;
        margin-top:15px;
        justify-content: center;
        display: flex;
    }

    .news-group-image img {
        height: 300px;
        max-width: 105%;
    }

    .news-group .news-group-content {
        width: 70%;
        margin: auto 5%;
    }

    .news-group-content h4,
    .news-group-content p {
        width: 90%;
    }

    .news-group-content h4 {
        font-size: 24px;
        margin: 15px 5%;
    }

    .news-group-content p {
        margin-bottom: 15px;
        margin-left:2.5%;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .actu h2 {
        font-size: 46px;
    }

    .actu .news {
        width: 90%;
        margin-left: 5%;
    }

    .news .news-head {
        width: 100%;
    }

    .news-head h3 {
        width: 100%;
        text-align: center;
        font-size: 28px;
        padding: 10px;
    }

    .news-head h4 {
        font-size: 22px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;
    }

    .news-head h5 {
        font-size: 18px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;

    }

    .news-head .category {
        width: 95%;
        margin: 0 2.5%;
        font-size: 22px;
        text-align: center;
    }

    .news-body {
        width: 100%;
        margin: 15px 0;
    }

    .news-body .news-group {
        width: 95%;
        margin: 10px 2.5%;
        display: flex;
    }

    .news-group .news-group-image {
        width: 35%;
        margin-top:15px;
        justify-content: center;
        display: flex;
    }

    .news-group-image img {
        height: 300px;
        max-width: 105%;
    }

    .news-group .news-group-content {
        width: 60%;
        margin: auto 5%;
    }

    .news-group-content h4,
    .news-group-content p {
        width: 95%;
    }

    .news-group-content h4 {
        font-size: 24px;
        margin: 15px 5%;
    }

    .news-group-content p {
        margin-bottom: 15px;
        margin-left:2.5%;
    }
}

@media (max-width: 1199px) and (min-width: 993px) {
    .actu h2 {
        font-size: 38px;
    }

    .actu .news {
        width: 90%;
        margin-left: 5%;
    }

    .news .news-head {
        width: 100%;
    }

    .news-head h3 {
        width: 100%;
        text-align: center;
        font-size: 28px;
        padding: 10px;
    }

    .news-head h4 {
        font-size: 20px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;
    }

    .news-head h5 {
        font-size: 18px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;

    }

    .news-head .category {
        width: 95%;
        margin: 0 2.5%;
        font-size: 20px;
        text-align: center;
    }

    .news-body {
        width: 100%;
        margin: 15px 0;
    }

    .news-body .news-group {
        width: 95%;
        margin: 10px 2.5%;
        display: flex;
    }

    .news-group .news-group-image {
        width: 35%;
        margin-top:15px;
        justify-content: center;
        display: flex;
    }

    .news-group-image img {
        height: 275px;
        max-width: 100%;
    }

    .news-group .news-group-content {
        width: 60%;
        margin: auto 5%;
    }

    .news-group-content h4,
    .news-group-content p {
        width: 95%;
    }

    .news-group-content h4 {
        font-size: 24px;
        margin: 5px 5% 15px 5%;
    }

    .news-group-content p {
        margin-bottom: 15px;
        margin-left:2.5%;
    }
}

@media (max-width: 992px) and (min-width: 774px) {
    .actu h2 {
        font-size: 38px;
    }

    .actu .news {
        width: 90%;
        margin-left: 5%;
    }

    .news .news-head {
        width: 100%;
    }

    .news-head h3 {
        width: 100%;
        text-align: center;
        font-size: 28px;
        padding: 10px;
    }

    .news-head h4 {
        font-size: 20px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;
    }

    .news-head h5 {
        font-size: 16px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;

    }

    .news-head .category {
        width: 95%;
        margin: 0 2.5%;
        font-size: 20px;
        text-align: center;
    }

    .news-body {
        width: 100%;
        margin: 15px 0;
    }

    .news-body .news-group {
        width: 97.5%;
        margin: 10px 1.25%;
        display: block;
    }

    .news-group .news-group-image {
        width: 100%;
        margin-top:15px;
        justify-content: center;
        display: flex;
    }

    .news-group-image img {
        height: 275px;
        max-width: 100%;
        margin-top: 15px;
    }

    .news-group .news-group-content {
        width: 90%;
        margin: 10px 5%;
    }

    .news-group-content h4,
    .news-group-content p {
        width: 95%;
    }

    .news-group-content h4 {
        font-size: 22px;
        margin: 5px 5% 15px 5%;
    }

    .news-group-content p {
        margin-bottom: 15px;
        margin-left:2.5%;
    }
}

@media (max-width: 773px) and (min-width: 596px) {
    .actu .news {
        border-radius: 1.525em;
        margin: 50px 0!important;
        width: 100%!important;
        padding: 25px 0;
        background-color: white;
    }


    .news-actu {
        border:none;
        border-top: rgb(225, 0, 72) solid 8px;
        border-bottom: rgb(225, 0, 72) solid 8px;
    }

    .title-actu {
        color: rgb(225, 0, 72);
    }

    .news-actu img {
        border: rgb(225, 0, 72) solid 3px;
    }


    .news-health {
        border:none;
        border-top: rgb(225, 0, 72) solid 8px;
        border-bottom: rgb(225, 0, 72) solid 8px;
    }

    .title-health {
        color: rgb(225, 0, 72);
    }

    .news-health img {
        border: rgb(225, 0, 72) solid 3px;
    }

    .news-practice {
        border:none;
        border-top: rgb(225, 0, 72) solid 8px;
        border-bottom: rgb(225, 0, 72) solid 8px;
    }

    .title-practice {
        color: rgb(225, 0, 72);
    }

    .news-practice img {
        border: rgb(225, 0, 72) solid 3px;
    }

    .actu h2 {
        font-size: 32px;
    }

    .actu .news {
        width: 90%;
        margin-left: 5%;
    }

    .news .news-head {
        width: 90%;
        margin-left: 5%;
    }

    .news-head h3 {
        width: 100%;
        text-align: center;
        font-size: 24px;
        padding: 10px;
    }

    .news-head h4 {
        font-size: 18px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;
    }

    .news-head h5 {
        font-size: 16px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;

    }

    .news-head .category {
        width: 95%;
        margin: 0 2.5%;
        font-size: 18px;
        text-align: center;
    }

    .news-body {
        width: 100%;
        margin: 15px 0;
    }

    .news-body .news-group {
        width: 97.5%;
        margin: 10px 1.25%;
        display: block;
    }

    .news-group .news-group-image {
        margin-top:15px;
        display: flex;
        justify-content: center;
    }

    .news-group-image img {
        height: 275px;
        max-width: 100%;
        margin-top:15px;
    }

    .news-group .news-group-content {
        width: 95%;
        margin: 10px 2.5%;
    }

    .news-group-content h4,
    .news-group-content p {
        width: 95%;
    }

    .news-group-content h4 {
        font-size: 22px;
        margin: 5px 5% 15px 5%;
    }


    .news-group-content p {
        font-size: 14px;
    }

    .news-group-content a {
        font-size: 12px;
    }


    .news-group-content p {
        margin-bottom: 15px;
        margin-left:2.5%;

    }
}

@media (max-width: 595px) {
    .actu .news {
        border-radius: 1.525em;
        margin: 50px 0!important;
        width: 100%!important;
        padding: 25px 0;
        background-color: white;
    }


    .news-actu {
        border:none;
        border-top: rgb(225, 0, 72) solid 8px;
        border-bottom: rgb(225, 0, 72) solid 8px;

    }

    .title-actu {
        color: rgb(225, 0, 72);
    }

    .news-actu img {
        border: rgb(225, 0, 72) solid 3px;
    }


    .news-health {
        border:none;
        border-top: rgb(225, 0, 72) solid 8px;
        border-bottom: rgb(225, 0, 72) solid 8px;
    }

    .title-health {
        color: rgb(225, 0, 72);
    }

    .news-health img {
        border: rgb(225, 0, 72) solid 3px;
    }

    .news-practice {
        border:none;
        border-top: rgb(225, 0, 72) solid 8px;
        border-bottom: rgb(225, 0, 72) solid 8px;
    }

    .title-practice {
        color: rgb(225, 0, 72);
    }

    .news-practice img {
        border: rgb(225, 0, 72) solid 3px;
    }

    .news-group-content .link {
        text-align: left;
        width: 95%;
    }

    .actu h2 {
        font-size: 32px;
    }

    .actu .news {
        width: 90%;
        margin-left: 5%;
    }

    .news .news-head {
        width: 90%;
        margin-left: 5%;
    }

    .news-head h3 {
        width: 100%;
        text-align: center;
        font-size: 24px;
        padding: 10px;
    }

    .news-head h4 {
        font-size: 18px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;
    }

    .news-head h5 {
        font-size: 16px;
        padding: 3px 8px;
        width:75%;
        margin-left: 5%;

    }

    .news-head .category {
        width: 95%;
        margin: 0 2.5%;
        font-size: 18px;
        text-align: center;
    }

    .news-body {
        width: 100%;
        margin: 15px 0;
    }

    .news-body .news-group {
        width: 97.5%;
        margin: 10px 1.25%;
        display: block;
    }

    .news-group .news-group-image {
        width: 100%;
        margin-top:15px;
        justify-content: center;
        display: flex;
    }

    .news-group-image img {
        height: 275px;
        max-width: 100%;
        margin-top:5px;
    }

    .news-group .news-group-content {
        width: 90%;
        margin: 10px 5%;
    }

    .news-group-content h4,
    .news-group-content p {
        width: 95%;
    }

    .news-group-content h4 {
        font-size: 22px;
        margin: 5px 5% 15px 5%;
    }

    .news-group-content p,
    .news-group-content a {
        margin-bottom: 15px;
        margin-left:2.5%;
    }

    .news-group-content p {
        font-size: 14px;
    }

    .news-group-content a {
        font-size: 12px;
    }

    .link {
        width: 95%;
    }

    .link a {
        width: 95%;
    }
}