body {
	  font-family: "Raleway";
    font-size: 0.9rem;
    font-weight: 400;
}

* {
	  box-sizing: border-box;
}

header {
	position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
	  background: #fff;
	  height: 80px;
	  padding-top: 10px;
	  z-index:200;
}

.inner {
	  max-width: 100%;
	  margin: 0 auto;
	  padding: 0px 30px 20px 0;
	  position: relative;
	  }

.logo {
	 
	  padding-left:20px;
	  height:20px;
}

h1 {
	  text-align: center;
	  width: 100%;
	  margin-top: 10px;
	  color: #000;
	  font-weight: 200;
	  font-size: 20px;
}

nav > ul {
  	float: right;
	list-style-type:none;
}

nav > ul > li {
  	text-align: center;
	  line-height: 40px;
	  margin-left: 30px;
}

nav > ul li ul li {
	  width: 100%;
  	text-align: left;
}

nav ul li:hover {
	  cursor: pointer;
	  position: relative;
}
nav ul li:hover > ul {
  	display: block;
	
}
nav ul li:hover > a {
	  color: #999999;
}
nav > ul > li > a {
	  cursor: pointer;
	  display: block;
  	  outline: none;
  	  width: 100%;
	  text-decoration: none;
	 }

nav > ul > li {
  	float: left;
}
nav a {
	  color: black;
}
nav > ul li ul {
  	display: none;
  	position: absolute;
  	left: 0;
	  top: 100%;
  	width: 100%;
	  z-index: 2000;
}
nav > ul li ul li > a {
	  text-decoration: none;
}

[type="checkbox"], label {
	  display: none;
}

@media screen and (max-width: 768px) {
	nav ul {
		  display: none;
		  
	}

	label {
		
  		display: block;
  		background: #fff;
		  width: 40px;
  		height: 40px;
  		cursor: pointer;
		  position: absolute;
		  right: 20px;
  		top: 0px;
	}
  
label:after{
  content:'';
  display: block;
  width: 30px;
  height: 2px;
  background: #333;
  margin: 7px 5px;
  box-shadow: 0px 10px 0px #333, 0px 20px 0px #333
}

	label2 {
		
  		display: block;
  		
		  position: absolute;
		  right: 20px;
  		top: 0px;
	}
  
label2:after{
  content:'';
  display: block;
 }


	[type="checkbox"]:checked ~ ul {
  		display: block;
  		z-index: 9999;
  		position: absolute;
		  right: 2px;
		  left: 2px;
	}

	nav a {
		  color: #000;
	}

	nav ul li {
		  display: block;
  		float: none;
  		width: 100%;
  		text-align: left;
  		background: #fff;
		  text-indent: 20px;
	}

	nav > ul > li {
  		margin-left: 0px;
	}

	nav > ul li ul li {
  		display: block;
		  float: none;
	}
  
	nav > ul li ul {
		  display: block;
  		position: relative;
  		width: 100%;
		  z-index: 9999;
		  float: none;
	}
h1 {
	  font-size: 26px;
}
}