
.menuwrapper{vertical-align: top;
    display: inline-block;
    height: 50px;
	padding:18px 10px 0px 0px;
	float:right;
	}
.menu_content ul li {list-style:none; background:none;}



input[type='checkbox']#togglebox {
  /* checkbox used to toggle menu state */
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}

label#navtoggler{  /* Main label icon to toggle menu state */
  z-index: 9;
  display: block;
  position: relative;
  font-size: 8px;
  /* change font size to change label dimensions. Leave width/height below alone */
  width: 4em;
  height: 2.5em;
  top: 0;
  left: 0;
  text-indent: -1000px;
  border: 0.6em solid #3d3e43;
  /* border color */
  border-width: 0.6em 0;
  cursor: pointer;
  margin:-3px 10px 0px 0px;
}


label#navtoggler::before{
  /* inner strip inside label */
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 0.6em;
  top: 50%;
  margin-top: -0.3em;
  left: 0;
  background: #3d3e43; /* stripes background color. Change to match border color of parent label above */
}

nav#expand-fullpagemenu{ /* Full screen nav menu */
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  -webkit-transform: scale(0.9);  /* initially scale down nav size */
  transform: scale(0.9);
  background: #fff;
  display: block;
  position: fixed;
	z-index: 100;
  opacity: 0;
	text-align: center;
	overflow: auto;
  -moz-transition: visibility 0s 0.5s, opacity 0.5s, -moz-transform 0.5s; /* transition settings */
  -webkit-transition: visibility 0s 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition: visibility 0s 0.5s, opacity 0.5s, transform 0.5s;
}

input[type='checkbox']#togglebox:checked ~ nav#expand-fullpagemenu{ /* nav state when corresponding checkbox is checked */
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
  -ms-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -transition-delay: 0s;
}

nav#expand-fullpagemenu label#closex{ /* Large x close button inside nav */
  width: 40px;
  height: 40px;
	overflow: hidden;
  display: block;
  position: absolute;
  cursor: pointer;
	text-indent: -1000px;
  z-index: 10;
  top: 20px;
  right: 20px;
}

nav#expand-fullpagemenu label#closex::before, nav label#closex::after{ /* render large cross inside close button */
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background: #3d3e43;
  top: 50%;
  margin-top: -0px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

nav#expand-fullpagemenu label#closex::after{ /* render large cross inside close button */
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

nav#expand-fullpagemenu a{
	text-decoration: none;
	font-size:30px; font-family: PtSerifBold;
	font-size:30px;
	text-transform: uppercase;
	color:#596772;
}
nav#expand-fullpagemenu a:hover{
	text-decoration: underline !important;
	
}
.menu_content ul li  a{color:#0058be;}
.menu_content ul li  a:hover{color:#0a386e;}

.menu_mobile{padding: 0px; margin:0px;}
.menu_mobile li{padding: 0px;}
nav#expand-fullpagemenu .mobile_menu_holder{
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  position: relative;
  max-height: 100%;
  top: 50%; /* center UL vertically inside nav */
  -webkit-transform: translateY(-50%); /* center UL vertically inside nav */
  transform: translateY(-50%);
  font-size:20px;
}

nav#expand-fullpagemenu ul.menu_mobile li{
  margin: 50px;
  list-style:none;
   padding: 0px;
}

nav#expand-fullpagemenu ul.menu_mobile li a{
  padding: 10px;

}

nav#expand-fullpagemenu ul.menu_mobile li a:hover{
  background: #fff;
  
}

@media (max-width: 767px) { 
	nav#expand-fullpagemenu a{
		font-size:25px;
	}
	nav#expand-fullpagemenu ul.menu_mobile li{
	  margin: 30px;
	  list-style:none;
	}
	nav#expand-fullpagemenu .mobile_menu_holder{
		top: 40%;
	}
}	
@media (min-width: 768px) and (max-width: 977px) {	
	nav#expand-fullpagemenu .mobile_menu_holder{
		top: 40%;
	}
}
