* {
 margin: 0; 
 padding: 0;
}
html, body {
	height: 100%;
}
header {
 height: 60px;
 width: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 500;
 border-bottom: 1px solid #EDEDED;
	opacity:0.75;
	background-color: #000000;
	color: #FFFFFF;
}
#logo {
 width: 100px;
 height: 60px;
 float: left;
}
#name {
 margin: 5px 0 0 0;
 width:300px; 
 padding-top: 5px;
 font-weight: bold;
}
@media (min-width: 950px) and (max-width: 1000px) {
	#name {
		width: 100%;
	}
}

.brand {
	width: 29px;
	margin: 20px 5px 0 5px;
}

@media (max-width: 939px) {
 input[type=checkbox]#men {
  position: absolute;
  top:0px;
  left:0px;
  display: none;
 }
 
 label[for=men] {
  display: block;
 }
 
 label[for=men]:after {
  position: fixed;
  font-size: 60px;
  content: '\2261';
  top:-5px;
  right:10px;
  height:60px;
  z-index: 500;
  color: #EDEDED;
 }
 nav[role="off-canvas"] {
  position: fixed;
  top: 60px;
  left: -160px;
  width:160px;
  min-height: 100%;
  opacity:0;
  background-color: #000000;
  transition: left 0.25s ease-in-out;
  z-index: 500;
 }
 input:checked ~ nav[role="off-canvas"] {
  opacity: 0.75;
  left: 0;
  display:block;
 }
 nav a {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration:none;
 }
 
 nav a:hover {
	text-decoration: underline;
 }
 
 nav li a {
  margin: 0 0 0 10px;
  font-weight: normal;
  text-decoration:none;
 }
}

@media (min-width: 940px) {
 label[for=men], #men {
 display: none;
 }
 nav[role="off-canvas"] {
  position:fixed;
  top: 0px;
  right: 0px;
  height: 60px;
  z-index: 501;
 }
 nav ul {
  float: left;
  height: 18px;
  width: 150px;
  padding: 40px 0 0 0px;
  overflow: hidden;
  text-align: center;
  list-style:none;
  transition: height 0.25s ease-in-out;
 }
 nav ul:hover {
  height: auto;
  border-bottom: 2px solid #3332CC; 
 }
 nav li{
  width: 100%;
  padding: 2px 0 0 0;
  opacity: 0.75;
  background-color: #000000;
 }
 
 nav a {
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
 }
 nav li a {
 text-transform: none;
 }
 nav a:hover, nav a:active {
  color: #3332CC;
 }
}