@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

h1,
h2,
body {
    font-family: playfairdisplay-bold, playfair display, serif !important;
    letter-spacing: 0.1em;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    letter-spacing: 0.2em;
}

.hp-header {
    font-size: calc(2.5rem + 1.5vw) !important;
}

.header-row {
    background-image: url('images/header-table-1.png');
    background-size: cover;
}

.fs-7 {
    font-size: 0.8rem !important;
}

.site-primary,
.site-primary * {
    background-color: rgb(182, 61, 50);
    color: #fff;
}

.service-card {
    min-height: 580px;
}

.site-red {
    color: rgb(182, 61, 50);
}

.footer {
    background-color: rgb(60, 29, 23);
}

#main-section {
    background-color: #efefef;
}

.header-img img {
    object-fit: cover;
    object-position: center;
    /* Center the image within the element */
    width: 100%;
    height: 350px;
}

.card-image-top {
    width: 100%;
    height: 167px;
    object-fit: cover;
}

.service-card .card-img-top {
    height: 258px;
    object-fit: cover;
}

.row {
    margin-right: 0 !important;
}

@media (max-width: 576px) {
    .col-sm-fill {
        padding-right: 0px !important;
    }

    .row {
        margin-left: 0px !important;
    }
}

@media (max-width: 768px) {
    .card-image-top {
        width: 100%;
        height: 379px;
        object-fit: cover;
    }

    .col-sm-fill {
        padding-right: 0px !important;
    }
}

@media (max-width: 992px) {
    ...
}

@media (max-width: 1200px) {
    ...
}

@media (max-width: 1400px) {
    ...
}