#services {
    /* width: 100%; */
}

.grid-container-service-headline {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 80%;
    gap: 0px 0px;
    grid-template-areas:
        "service-leftline service-headline service-blueLine";
}

.service-leftline{
    grid-area: service-leftline;
}

.service-headline {
    grid-area: service-headline;
}

.service-blueLine {
    grid-area: service-blueLine;
}


.service-headline {
    font-weight: bold;
    font-size: 60px;
    padding-top: 0px;
    opacity: 0.2;
    text-transform: uppercase;
    text-align: center;
}

.service-blueLine {
    background-color: #2D363A;
    border-radius: 4px 0 0 4px;
    margin-left: 30px;
}

.grid-container-services {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 7%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 300px 1px 1fr;
    gap: 70px 70px;
    grid-template-areas:
        "service-one service-two service-three"
        "parting-line-one parting-line-two parting-line-three"
        "service-one-description service-two-description service-three-description";
}

.service-one {
    grid-area: service-one;
}

.service-two {
    grid-area: service-two;
}

.service-three {
    grid-area: service-three;
}

.service-one-description {
    grid-area: service-one-description;
}

.service-two-description {
    grid-area: service-two-description;
}

.service-three-description {
    grid-area: service-three-description;
}

.parting-line-one {
    grid-area: parting-line-one;
}

.parting-line-two {
    grid-area: parting-line-two;
}

.parting-line-three {
    grid-area: parting-line-three;
}


.service-one {
    background: url(../img/carpenter-ge8aa2ad11_1920.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4px;
}

.service-two {
    background: url(../img/tool-g1c434873b_1920.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4px;
}

.service-three {
    background: url(../img/wood-1866661_1920.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4px;
}

.service-overlay{
    border-radius: 4px;
    background: #2D363A;
    height: 25%;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    top: 90%;
}

.part-line{
    border-bottom: 1px solid #C6C6C6;
    border-bottom: 0px solid #C6C6C6;
    width: 15%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 23px;
}

.service-one-description, .service-two-description, .service-three-description{
    text-align: justify;
}