html, body {
  overflow-x: hidden;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

/* Lists */
ul {
  margin: 0;
  padding: 0;
}

/* Container */


#container {
   padding: 0px 100px;
  border: solid 0px red;
	/*margin-top: 90px;*/
	margin-top: 45px;
	position:relative;
	width: 100%;
	background-color: #fff;
	/*z-index: 1000;*/
	margin-left: 1%;
}


/* Menu Button */
.menu-btn {
 font-size: 30px;
  width: 60px;
  padding: 8px;
  margin-bottom: 10px;
  background: #1d8cd8;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  border: 0px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
 }
	
.menuposbtn {
	border: solid 0px blue;
	top: 17%;
}

.fontstyle {font-size: 20px; border: solid 0px red;}

.menufix{
  position: fixed;
  z-index: 9998;
}

.menu-btn:hover {
  opacity: 0.9;
}

/* Header */
.site-header {
  position: fixed;
  background: #f5f5f6;
  color: #333333;
  width: 100%;
 /* padding: 20px 0 0 0;*/
  padding: 0px 0 0 0;
  padding-bottom:0;
  text-align: center;
  z-index: 9998;
  border-bottom: 1px #e4e4e5 solid;
   border-top: 4px #1d8cd8 solid;
   top: 0;
 
   padding-top: .5%;
    }

/* Footer */
.site-footer {
  position: relative;
  border-top: 1px solid #EEE;
  color: #999;
  padding: 10px;
  font-size: 0.8em;
  text-align: center;
}

@media screen and (max-width: 600px) {
/*mobile*/
	.menuposbtn {

top: 0;
border: solid 0px green;
right: 0;
opacity: 1;
  }
  
  #container {
 /* padding: 0px 10px;*/
   padding: 0px 20px;
  border: solid 0px red;
	/*margin-top: 170px;*/
	margin-top: 25px;
	position:relative;
	width: 100%;
	background-color: #fff;
	/*z-index: 1000;*/
	}
	
	
.site-header {
  position: absolute;
  background: #f5f5f6;
  color: #333333;
  width: 100%;
  /*padding: 20px 0 0 0;*/
   padding: 0px 0 0 0;
  text-align: center;
  z-index: 9998;
  border-bottom: 1px #e4e4e5 solid;
   border-top: 4px #1d8cd8 solid;
   top: 0;
   margin: 0 0;
    }
  }
  
@media only screen and (device-width: 768px) {
  .menuposbtn {

	border: solid 0px red;
	top: 13.9%;
}
	#container {
   padding: 0px 100px;
  border: solid 0px red;
	/*margin-top: 90px;*/
	margin-top: 25px;
	position:relative;
	width: 100%;
	background-color: #fff;
	/*z-index: 1000;*/
	margin-left: 1%;
}
	

  }
  
  
  
  
  
  
  

@media only screen and (max-width: 600px) {  } 


@media only screen and (min-width: 600px) {...} 


@media only screen and (min-width: 768px) {...} 


@media only screen and (min-width: 992px) {.menuposbtn {
/*
	border: solid 1px green;
	top: 17%;
	position: fixed;
}*/ } 

@media only screen and (min-width: 850px) {.menuposbtn {

/*	border: solid 1px blue;
	top: 19.2%;
	position: fixed;
	
} */} 
  
  /*web*/
  @media only screen and (min-width: 1200px) {.menuposbtn {

	border: solid 0px red;
	top: 17%;
	position: fixed;
} } 




  @media only screen and (max-width: 1280px) {.menuposbtn {

	border: solid 0px red;
	top: 21%;
	position: fixed;
} }