#banner{width:100%;padding:5px;background-color:#c0ffb9;position:fixed;top:0px;border:none;}
#banner .social {width:32%; margin-top:2px;height:50px;}
#banner .social img{width:25%;margin:0;display:inline-block;vertical-align:middle;}
#banner a img{width:10%; }
#banner a:link, #banner a:visited, #banner a:hover, #banner a:active {text-decoration:none;color:black;}
#banner img{display:inline;vertical-align:middle;}
#banner h1{margin:0;padding:0;color: black;font-weight:bold;font-size:8.1vw;display:inline;vertical-align:middle;}
#bannerinsert{width:100%;max-width:1200px;margin:auto;}
#banner .social{float:right;margin-left:10px;text-align:center;margin-right:10px;}
nav{display:none;}
nav #menuicon{width:9%;	float:right;margin:5px 10px 0 0;cursor:pointer;}
#bannerinsert nav .social{float:none;display:block;margin-top:0px;height:30px;width:auto;}
#dropdown{display:none;	width:100%;margin:10px 0 0 0;overflow: hidden;position: relative;}
#dropdown ul{list-style:none;margin-top:10px;padding:0 0 0 10px;}
#dropdown li{padding:5px;font-size:18px;cursor:pointer;}
.social a div{background:url('../site_images/social_spirit.png?v20170128');background-repeat:no-repeat;width:40px;height:40px;display:inline-block;}
#email{background-position:0px 0px;}
#email:hover{background-position:0px -40px;}
#facebook{background-position:-40px 0px;}
#facebook:hover{background-position:-40px -40px;}
#rss{background-position:-80px 0px;	}
#rss:hover{background-position:-80px -40px;	}
#twitter{background-position:-120px 0px;}
#twitter:hover{background-position:-120px -40px;}
@media all and (min-width: 500px){
  #banner h1{font-size:40px;}
  #banner .social div{width:40px;}
  #banner .social {width:auto;}
  #banner a img{width:50px;}
  #banner .social{margin-top:5px;  }
}
@media all and (max-width: 499px){	
	nav{display:inline;	}
	#bannerinsert .social{display:none;}
	#banner{border-bottom:5px solid white;}
}
@media all and (min-width: 1200px){		
}