@import url('base/base.css');

/* h1, h2 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 900;
}

p {
    font-family: 'Source Sans Pro', sans-serif;
} */

.section-images {
    grid-template-columns: 1fr;
    /* align-items: start; */
}

.main-img img,
.imgs img {
  width: 100%;
}

.js-cart-image {
    display: none;
}

.main-img {
    border: 1px solid var(--st-lilac-light);
}

.imgs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* grid-template-rows: 500px 100px; */
  grid-gap: 5px;
  border-top: 5px solid var(--st-light);
}

.imgs img {
  cursor: pointer;
  border: 1px solid var(--st-lilac-light);
}

.service-summary {
    padding-top: 40px;
}

.categories-div {
    display: flex;
}

.ss-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.ss-grid-auto {
    display: grid;
    grid-template-columns: repeat(5, 1fr);    
    gap: 8px;
}

.text-decoration-none {
    text-decoration: none !important;
}

@media screen and (max-width: 760px) {
    .ss-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .ss-grid-auto {
        grid-template-columns: repeat(2, 1fr);
    }
    .categories-div {
        flex-direction: column;
        text-align: center;
    }
}