.services-info-box {
    border: 2px solid var(--text-color-3);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: calc(4 * var(--section-vertical-padding));
}


.services-info-box-header {
    cursor: pointer;
}

.services-info-box-header:hover span {
    color: var(--text-color-3);
}

.services-details {
    border-top: 1px solid var(--text-color-3);
    margin-top: .5em;
    padding-top: 1em;
}

.services-expand {
    font-weight: bold;
    color: var(--text-color-4);
}

.services-summary {
    flex: 4;
}

@media screen and (max-width: 40em) {
    .services-summary {
        flex: 2;
    }
}