.section-jobs {
    margin-top:60px;
}

.joblabels {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    color:var(--bs-white);
    padding:15px 0;
    background:var(--bs-secondary);
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:14px;
    margin:0;
}

.jobtitle {
    flex:0 1 50%;
    max-width:50%;
    padding:0 20px;
    transition:0.4s all;
}

.jobsubtitle, .jobcta {
    flex:0 1 25%;
    max-width:25%;
    padding:0 20px;
}

.singlejob a {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    padding:20px 0;
    border-bottom:1px solid var(--bs-secondary);
    text-decoration:none;
    color:var(--bs-secondary);
    transition:0.4s all;
}

.singlejob a:hover .jobtitle {
    color:var(--bs-primary);
}

.joblabels .jobtitle {
    font-weight:400;
}

.joblabels .jobcta {
    font-weight:400;
    color:var(--bs-white);
    text-decoration:none;
    display:flex;
    justify-content:flex-end;
}

.jobtitle {
    font-weight:700;
}

.jobcta {
    color:var(--bs-primary);
    font-weight:700;
    text-decoration:underline;
    display:flex;
    justify-content:flex-end;
}


@media screen and (max-width: 960px) {
    .jobtitle, .jobsubtitle, .jobcta, .joblabels .jobcta {
        flex:0 1 100%;
        max-width:100%;
        justify-content:flex-start;
    }
}