.blog-1-back{
    background: url(../IMG/service-back-2.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: max-content;
}

.h1-blog{

    color: rgb(252, 245, 205);
    font-family: 'Playfair Display', serif;
 
    font-size: 2.8vw;
}


/* MEDIA QUERY */
@media(min-width:0px) and (max-width:576px) {
    .h1-blog{
        font-size: 5vw;
    }
}

@media (min-width:577px) and (max-width:767px) {
    .p{
        font-size: 4vw;
    }

    .h1-blog{
        font-size: 6.5vw;
    }

    h3{
        font-size: 5vw;
    }

    h4{
        font-size: 4.5vw;
    }
}


@media (min-width:768px) and (max-width:991px) {
    .h1-blog{
        font-size: 5.5vw;
    }

    .p{
        font-size: 2.5vw;
    }
}


@media (min-width:992px) and (max-width:1199px) {
    .p{
        font-size: 1.5vw;
    }

    p{
        font-size: 1.5vw;
    }
}


@media (min-width:1200px) and (max-width:1399px) {}


@media (min-width:1400px) {
    .h1-blog{
        font-size: 3vw;
    }

    .p{
        font-size: 1.5vw;
    }

    p{
        font-size: 1.5vw;
    }

    h3{
        font-size: 2.3vw;
    }

    h4{
        font-size: 1.8vw;
    }
}