/* small extras */
html { scroll-behavior: smooth; }

.hero-bg { 
    background-image: url('../images/bkgd/2.jpg'); 
    background-size: cover; 
    background-position: center; 
    transition: background 1s ease-in-out;
    position: relative;
}
.hero-bg .overlay {
    content: ''; 
    background: url('../images/overlays/05.png') repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.header-wrapper {
    background: none repeat scroll 0 0 rgba(128, 128, 0, 0.7);
    color: #FFFFFF;
}

.footer-wrapper {
    background: #008000;
    color: #FFFFFF;
}

.error { border-color: #f87171; }
.error-text { color: #f87171; font-size: 0.875rem; }