#services{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    padding: 2%;
    width: 100%;
    /* background-color: var(--services-section-background-color); */
    justify-items: center;
    gap: 1rem;
}
#services-header{
    width: 100%;
    /* height: 2em; */
    height: fit-content;
    text-align: center;
    scroll-margin-top:120px;
    font-size: xx-large;
    padding-top: 2%;
    margin: 0%;
    color: var(--primary-text-on-dark-color)
}
@media (max-width:600px) {
    #services-header{
    scroll-margin-top: 180px;
    }
}