:root {
   	--tan:#EF8354;
   	--clr-primary:#EF8354;
   	--clr-theme:#2D3142;
   	--clr-btn:#EF8354;
    --red:#FF453A;
    --f4: #f6f8fc;
    --white120:#fcfdfd;
    --white100:#F1F3F5;
    --white80:#E6E9EC;
    --white60:#DADFE4;
    --white40:#C4CBD3;
    --white20:#ADB7C3;
    --white10:#F3F4F6;
    --bl140:#113DFA;

    --blk120:#303841;
    --blk100:#414B58;
    --blk80:#515F6E;
    --blk60:#627285;
    --blk40:#8090A1;
    --blk20:#97A4B2;
}
.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(45,49,66,0.1) 0%,rgba(45,49,66,0.55) 25%,rgba(45,49,66,0.80) 50%,rgba(45,49,66,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ss6, .fc-nearby{
	background: #EEF5DB;
}
.ss9::after{
	background: rgba(0, 0, 0, 0.5);
}
.ss9-wrapper{
	background: rgba(45,49,66,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(35, 37, 49, 0.8);
	}
}