html {
    scroll-behavior: smooth;
}
main .main-content > h1:first-child {
    background-color: var(--brand-color);
    color: var(--lightest);
    text-align: center;
    margin: 0 0 2rem 0;
    grid-column: 1 / 13;
    font-family: sans-serif;
    padding: 2.5rem;
    font-size: 2.7rem; 
}

h1.heading-bar.dark,h2.heading-bar.dark,h3.heading-bar.dark,h4.heading-bar.dark,h5.heading-bar.dark,h6.heading-bar.dark {
    color:var(--lightest);
    background: var(--accent1);
}

h1.heading-bar.light,h2.heading-bar.light,h3.heading-bar.light,h4.heading-bar.light,h5.heading-bar.light,h6.heading-bar.light {
    color: var(--brand-color);
    background: var(--brand-light-85p);
}

body a.bttn.four, button.bttn.four {
    color: var(--brand-color);
}
body a.bttn.four:hover, 
body a.bttn.four:active, 
body a.bttn.four:focus, 
button.bttn.four:hover, 
button.bttn.four:focus, 
button.bttn.four:active {
    color: var(--lightest);
}

@media (min-width: 767px) {
    .site-header nav.menu-bar {
        grid-column: 5/12;
    }
}

#contact-us {
    display: flex;
    justify-content: center;

    .list {
        grid-template-columns: repeat(2, 1fr);
    }


}

footer .medialistingblock-socialmedia.logos {
    ul {
         @media (max-width: 767px) {
        flex-direction: column;
    }
    }
}