@charset "utf-8";
/* CSS Document */



#headingwrapper {
	width:94%;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	padding: 6px;
}

#heading{
	background-image:url(../images/background.jpg);
	background-position:center;
	background-size:cover;
	height:320px;
	text-align:center;
	position: relative;
	z-index:0;
	
}

#heading-condensed{
	background-image:url(../images/background.jpg);
	background-position:center;
	background-size:cover;
	height:170px;
	text-align:center;
	position: relative;
	z-index:0;
	
	
}

#overlay {
    opacity: .5;
    background-color: black;
    position: absolute;
    left: 0; 
	top: 0; 
	height: 100%; 
	width: 100%;
	z-index:1;
}


#logodiv{
	height:auto;
	width:auto;
	max-width:500px;
	text-align:center;
	position:relative;
	z-index:2;
	margin-left:auto;
	margin-right:auto;

}

#logodiv-condensed{
	height:auto;
	width:auto;
	max-width:500px;
	text-align:center;
	position:relative;
	z-index:2;
	margin-left:auto;
	margin-right:auto;
	float:left

}
.uk-nav-dropdown > li > a {
    color: #164473;
}
#logo{
	height:auto;
	max-height:170px;
	-webkit-filter: drop-shadow(0px 0px 15px #000);
    filter: drop-shadow(0px 0px 15px #000);
}

#logo-condensed{
	height:auto;
	max-height:140px;
}

#menu{
	position:relative;
	z-index:3;
	padding-top:25px;
}

#menu-condensed{
	position:relative;
	z-index:3;
	padding-top:50px;
	float:right
}

#menu-alt{
	display:none;
}

#menu-alt-condensed{
	display:none;
}

#phone{
	font-size:28px;
	text-align:right;
	color:#fff
}



@media screen and (max-width : 767px) {


#logodiv-condensed{
	float:none

}

#menu{
	display:none
}

#menu-condensed{
	display:none;
}

#menu-alt{
	display:inline-block;
	position:relative;
	z-index:20;
	margin-top:25px;
	
}

#menu-alt-condensed{
	display:inline-block;
	position:relative;
	z-index:20;
	margin-top:5px;
	
	
}

#heading{
	height:265px;
	z-index: 10;
	
}

#phone-mobile{
	font-size:22px;
	color:#fff;
	padding: 7px 0px 0px 25px
}

}