.single-default-banner{
    background-color: var(--color-secondary-1);
    >div{
        max-width: 840px;
        margin: 0 auto;
        padding: 80px 24px;
        >h1{
            margin-bottom: 24px;
        }
        >h4{
            font-weight: 500;
            color: var(--color-primary-2);
            margin-bottom: 4px;
        }
    }

    &.location{
        >div{
            max-width: 1248px;
            >h1{
                text-align: center;
            }
            #breadcrumbs > span{
                justify-content: center;
            }
        }
    }
}

@media screen and (width < 576px) {
    .single-default-banner > div{
        padding: 60px 24px;
    }
}