#content .page-banner::after {
    display: block; 
    width: 100%; height: 100%; 
    content: ""; 
    position: absolute; top: 0px; left: 0px; 
    background-color: var(--background-color); 
    opacity: 0.5; 
}



h1.homepage-lockup {
    display: block; width: 100%;
    clear: both;  
    padding: 10px; 
    font-size: 3rem; 
    text-align: left; 
    position: relative; 
    top: 180px; 
}

h1.homepage-lockup sub {
    display: block; width: 100%; clear: both; 
    font-size: 1.1rem; 
    text-align: left;
    margin-top: 0px;  
}

.scroll-down-tab {
    display: block; width: 50px; height: 35px; 
    border-radius: 50px 50px 0px 0px; 
    position: absolute; bottom: 0px; left: 50%; 
    transform: translateX(-50%); 
    background-color: #F78764; 
    content: ""; 
    background-image: url('down-arrow-svgrepo-com.svg'); 
    background-position: center 10px; 
    background-size: 50%;
    background-repeat: no-repeat;  
    z-index: 50; 
}



@media all and (max-width: 750px){
    h1.homepage-lockup {
        top: 120px; 
        font-size: 2.5rem; 
    }
    h1.homepage-lockup sub {
        font-size: 1rem; 
    }
}

@media all and (max-width: 500px){
    h1.homepage-lockup {
        top: 120px; 
        font-size: 2rem; 
    }
    h1.homepage-lockup sub {
        font-size: 0.8rem; 
    }
}