:root {
    --tan:#FFDDD2;
    --clr-primary:#E29578;
    --clr-theme:#006D77;
    --clr-btn:#E29578;
    --red:#FF453A;
    --f4: #EDF6F9;
   
}
.hero-overlay{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a445b+0,0a445b+25,0a445b+50,0a445b+100&0+0,0.5+25,0.75+50,1+100 */
    background: linear-gradient(to bottom, rgba(0,109,119,0.1) 0%,rgba(0,109,119,0.55) 25%,rgba(0,109,119,0.80) 50%,rgba(0,109,119,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ss6, .fc-nearby{
    background: #FFF3EF;
}
.ss9::after{
    background: rgba(0, 0, 0, 0.5);
}
.ss9-wrapper{
    background: rgba(0,109,119,0.5);
}
.footer-wrapper{
    color: #4F5D75;
}
.qi-body{
    background: var(--f4);
}
.square-top{
    background: var(--clr-theme);
}
.square-bottom{
    background: var(--clr-primary);
}
.bg-dark {
  background: var(--clr-theme) !important;
}
.bg-dark .blk20{
    color: var(--white) !important;
}

@media screen and (max-width:767px){
    .site-logo{
        background: rgba(3, 49, 53, 0.8);
    }   
}