#page-title .container {
    position: relative;
}

#page-title {
    position: relative;
    padding: 3rem 0;
    background-color: var(--color-background-pagetitle);
    border-bottom: 1px solid var(--color-line-pagetitle);
}

#page-title span {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: var(--color-text-main);
    font-size: 18px;
}

.first-title {
    font-size: 1.75rem;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color-text-main);
}

.title-border::after,
.title-border::before {
    border-top-width: 1px;
    border-top-style: solid;
}

.title-center::before {
    display: block;
}

@media (max-width: 767.98px) {
    #page-title {
        padding: 2rem 0;
        text-align: center;
    }

    #page-title h1 {
        line-height: 1.5;
        font-size: calc(1rem + 2vw);
    }

}