/** GENERAL **/
.header-wrapper								{ background-image:url(backgrounds/hero-01.jpg); background-color:#586273; background-repeat:no-repeat; background-position:50% 30%; background-size:cover; }
.header-wrapper.generic-header				{ background:#23408f url(backgrounds/hero-01.jpg) no-repeat 50% 30%; background-size:cover; }



/** NAVIGATION **/

.navigation-bar								{ background:#FFFFFF; }



/** HEADER MAIN **/
.header-main												{ position:relative; padding:30px 0px; }
.header-main .header-logo									{ position:relative; z-index:2; display:block; float:left; width:90%; max-width:425px; }
.header-main .header-logo img								{ width:100%; max-width:425px; max-height:109px; }
.header-main .header-contact								{ position:relative; z-index:2; float:right; text-align:right; max-width:320px; }
.header-main .header-contact .tel							{ display:block; font-size:2.5em; }
.header-main .header-contact .tel .town						{ font-size:0.7em; }
.header-main .header-contact .email							{ display:block; font-size:1.4em; font-weight:300; margin:0px 0px 15px 0px; }
.header-main .header-contact .seo-text						{ display:block; font-size:1em; font-weight:300; text-transform:none; }
.header-main .header-contact.btn							{ display:none; }
.header-main .overlay										{ background:rgba(0, 0, 0, 0.3); position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }

.header-main .header-contact .tel							{ color:#FFFFFF; }
.header-main .header-contact .tel .town,
.header-main .header-contact .email							{ color:#FFFFFF; font-weight:400; }
.header-main .header-contact .tel:hover,
.header-main .header-contact .email:hover					{ color:##FFFFFF; text-decoration:underline; }
.header-main .header-contact .seo-text						{ color:#FFFFFF; font-weight:400; }

.number-title												{ color:#FFFFFF; font-size:1.2em; }
.header-number												{ margin-bottom:15px; }
.contact-btn												{ background:#00b6bc !important; color:#FFFFFF !important; font-size:1.4em; }
.contact-btn:hover											{ background:#23408f !important; color:#FFFFFF !important; }



.thanks-text 			 { font-xize:1.8em; font-weight:300; text-align:center; color:#FFFFFF; padding:20px 0px; }

/** RESPONSIVE **/
@media screen and (max-width:600px){
	
	.header-main .header-logo				{ float:none; margin:0px auto; text-align:center; }
	.header-main .header-contact			{ float:none; margin:30px auto 0px auto; text-align:center; }
	
	
}

@media screen and (max-width:450px){
	
	.header-main .header-contact				{ display:none; }
	.header-main .header-contact.btn			{ display:block; }
	
}