@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}  
	
	


html, body {
  margin: 0;
  padding: 0;
  border: 0; 
}

#mobile-nav, #mobile-nav ul {
	width: 100%;	
}
#mobile-nav ul li {
	width: 100%;
	background: #221e1f;
	padding: 0.7em 0px;	 /* (first = top & bottom, 2nd = left & right) */
	text-align: center;
}
#mobile-nav ul li a{
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	font-size: 16px;	
}
#mobile-nav ul li a:hover, #mobile-nav ul li a:active, #mobile-nav ul li.current-menu-item a {
	color: #0ebccd !important;
}







button {
  color: white;
  padding: 1em;
  border: 0;
  cursor: pointer;
/*   position: absolute; */
  float: none;
  margin: auto;
  padding: auto;
  width: 100%;
  display: block;
  border: 0px solid green;
}


button.closed {
  
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

   width: 63px;
  /* width: 100%; */
  height: 63px;
  float: none;  
  margin: auto;
  padding: auto;
  
  background: url("../../../images/hamburger.gif") no-repeat 50% 50%;  

  
}

button.opened {
  
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
width: 63px;
  /* width: 100%; */
  height: 63px;
  float: none;  
  margin: auto;
  padding: auto;
  background: url("../../../images/hamburger.gif") no-repeat 50% 50%;  
}