:root {
   	--tan:#A8DADC;
   	--clr-primary:#E63946;
   	--clr-theme:#1D3557;
   	--clr-btn:#E63946;
    --red:#FF453A;
    --f4: #F8FAFA;
   
}
.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(29,53,87,0.1) 0%,rgba(29,53,87,0.55) 25%,rgba(29,53,87,0.80) 50%,rgba(29,53,87,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ss6, .fc-nearby{
	background: #F1FAEE;
}
.ss9::after{
	background: rgba(0, 0, 0, 0.5);
}
.ss9-wrapper{
	background: rgba(29,53,87,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;
}

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