.s1{
    min-height: 100vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url('../resources/mainpg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.title-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20vh;
    gap: 1.5rem; 
}

.title-group > * {
    margin: 0;
    padding: 0;
    /* 2. Collapses default line-height spacing so 'gap' does 100% of the spacing work */
    line-height: 1; 
}

.bar{
    width: 100%;
    height: 3px;
    background-color: var(--c-white-3);
}

.bar--red{
    height: 3px;
    background-color: var(--c-colour-1);
}

.--social-media-container{
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: 50px 50px auto;
    gap: 5px;
}

.service-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: flex-start;
    gap: 3rem;
    text-align: center;
}

.service-text{
    max-width: 25vw;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


.donatemeth {
    border: var(--s-bord-width-l) solid var(--c-colour-2);
    border-radius: var(--s-bord-rad);
    background-color: var(--c-colour-2);
    width: 40vw;
    padding:1.5rem;
}