body {
    font-family: 'Open Sans', sans-serif;
    color: #333333;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}
.bg-primary-blue { background-color: #003366; }
.text-primary-blue { color: #003366; }
.bg-secondary-blue { background-color: #336699; }
.text-secondary-blue { color: #336699; }
.bg-accent-blue { background-color: #6699CC; }
.text-accent-blue { color: #6699CC; }

.bg-secondary-blue {
    background-image: url('../images/hero-bg.jpg'); 
    background-size: cover;
    background-position: center;
    position: relative; 
}

.bg-secondary-blue::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 51, 102, 0.6); 
    z-index: 1; 
}

.bg-secondary-blue .container {
    position: relative;
    z-index: 2; 
}