/* CSS Document */

/*transitions*/
#header *,
#banner .bnCaption * {transition: all .3s linear;}

@media screen and (max-width: 960px) {
	header #header {position: static; margin-top: 45px; padding: 10px 0;}
	header #header .hdLogo {display: none;}
	header #header .hdRight {width: 100%;}
	header #header .hdTopRight {padding-top: 0;}
	header #header .hdTopRight ul {justify-content: center;}
	header #header .hdTopRight ul li {margin: 0 !important; padding: 0 10px; box-sizing: border-box;}
	#header .hdWrap {flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center;}
	#header .hdNav {position: relative;}

	#header nav {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 0 5px rgba(0, 0, 0, .8);}
	#header nav ul {max-width: 100%; display: none; height: auto; background: rgba(255, 255, 255, .8);}
	#header nav ul li {max-width: 100%; position: relative; text-align: left; padding: 0; display: block; border-bottom: 1px solid #EEE; margin-left: 0 !important;}
	#header nav ul li:first-of-type {border-top: 1px solid #EEE;}
	#header nav ul li a {padding: 15px 0; line-height: 120%; margin: 0; color: #333; text-align: left; width: 100%; text-indent: 20px;}
	#header nav ul li a::after {display: none;}
	#header nav #pull {display: block; background: rgba(0, 0, 0, .7); width: 100%; position: relative; height: 45px; color: #fff; z-index: 999;}
	#header nav #pull img {max-height: 38px; display: block; position: relative; top: 2px; padding-left: 10px;}
	#header nav #pull:after {content:"\f0c9"; font-family: 'Font Awesome 5 Free'; font-size: 30px; display: inline-block; position: absolute; right: 15px; top: 7px; font-weight: 700; color: #9EC148;}
	#header nav #pull strong{line-height: 45px;}
}

@media screen and (max-width: 800px) {
	h1, h2 {font-size: 45px;}
}

@media screen and (max-width: 600px) {
	h1, h2 {font-size: 40px;}
}

@media screen and (max-width: 480px) {
	h1, h2 {font-size: 35px;}
}