.tarifs-bg-wrapper {
    border: 1px solid var(--gold);
    padding: 0.5rem;
    margin-bottom: 3rem;
    width: 100%;
}
.tarifs-title {
    
    width: 100%;
    height: 50rem;
    background-image: url(../images/actu/FMB\ BLOG\ 3.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position:0 10%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.accent {
    font-family: var(--cormorant);
    font-size: 25px;
}
.tarifs-title h2 {
    position: relative;
    bottom: 10px;
    right: 50px;
    font-size: 6rem;
    color: white;
    text-transform: uppercase;
    font-family: var(--nunito);
    margin-bottom: 2rem;
    font-weight: 350;
    letter-spacing: 8px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}


main article h1 {
    font-family: var(--nunito);
    font-size: 2.5rem;
    font-weight: 350;
    margin-bottom: 2.5rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

main article p {
    color: black;
    font-size: 1.6rem;

    font-weight: 300;
    font-family: var(--roboto);
    letter-spacing: 0.5px;
    line-height: 35px;
    margin-bottom: 3rem;
}


@media only screen and (max-width : 800px) {
    main {
        padding: 1rem 0.5rem;
    }
   
    .body-wrapper {
        padding: 0 1rem 2rem;
    
        }
        main article h2 {
            text-align: center;
        }
        .tarifs-title {
            background-position: center;
            justify-content: center;
        background-image: url(../images/actu/FMB\ BLOG\ 3.jpg);
    background-position:50% 50%;


        }
}