body {
    font-family: Playfair Display;
}

.imgg {
    max-width: 25%
}

.fonttype {
    font-family: Montserrat;
}

.img_filter {
    position: relative;
    height: 100vh;
    background-image: url('../images/background.jpg');
    background-size: cover;
}

.img_filter:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(66, 121, 140, 0.80);
}

.img_filter_2 {
    height: 100vh;
    background-image: url('../images/background.png');
    background-size: cover;

}

@media screen and (max-width: 575px) {
    .img_filter_2 {
        height: auto;
        background-image: url('../images/background_cell.png');
        background-size: cover;

    }

    .img_filter {
        height: auto;
        background-image: url('../images/background.jpg');
        background-size: cover;
    }

    .imgg {
        max-width: 40%
    }
}