/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@200;300;400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700;800&family=Red+Hat+Display:wght@300;400;500;600;700;800&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {font-family:"Red Hat Display", Arial, Helcetica, sans-serif;

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.head-wrap{ background-color:#f5f5f5;}
.head{display:flex; flex-direction:row; justify-content: space-between; width:80%; margin: 0 auto;}
.logo img{width: 100%;}
.logo{width:240px; margin-top:25px;}





/*-------- FOOTER STYLES ----------------*/
.divfooter{width:100%;text-align:center; background-color:#182c45; color:#fff; padding:20px 0; font-size:14px;}
.footer{width:80%; margin: 0 auto;}
.footer a{color:#fff;}
.footer a:hover{color:#bbb;}




.hs-btn.hs-highlighted{background-color:#3d78d8!important; color:#fff!important;}
.hs-btn.hs-highlighted:hover{background-color:#000!important;}







/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1100px) {
	.head{flex-direction:column; width:100%;}
	.logo img{width: 100%;}
	.logo{ margin: 0 auto;}
}

@media only screen and (max-width: 800px) {
	.divfooter, .footer a{font-size:13px;}
	.footer{width:95%;}
}


@media only screen and (max-width: 500px) {
	
.divfooter, .footer a{font-size:12px;}
	.logo{width:200px;}
	
}