.services {
    width: 100%;
    padding: 80px 0;
}

.services h1 {
    margin: 0 0 55px 0;
}

/* .services-container {
    display: grid;
    grid-auto-columns: 365px;
} */

.grid-container {
    /**
     * User input values.
     */
    --grid-layout-gap: 1px;
    --grid-column-count: 4;
    --grid-item--min-width: 200px;
  
    /**
     * Calculated values.
     */
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
  
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    grid-gap: var(--grid-layout-gap);
}

.service {
    margin-bottom: 10px;
    text-decoration: inherit;
    color: #363938
}

.service:hover {
    color: black;
}

.service img {
    object-fit: cover;
    width: 365px;
    height: 224.77px;
}

.service__price {
    margin-bottom: 30px;
    border-top: 2px solid #B5AAA4;
}

.price {
    text-align: center;
}