@media screen and (max-width: 800px){

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?ymmi5o");
  src: url("../fonts/icomoon.eot?ymmi5o#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ymmi5o") format("truetype"), url("../fonts/icomoon.woff?ymmi5o") format("woff"), url("../fonts/icomoon.svg?ymmi5o#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-menu:before {
  content: "\e906"; }


#nav {
	width: 100%!important;
	margin: 0;
	background: #000;
	position:absolute!important;
	top:0px!important;
	z-index:996;
	left:-100%;
	padding-top: 100px!important;
}


#nav ul li a{
	font: normal 300 14px 'Open Sans', serif;
	display: block;
	float: none;
	padding: 15px 20px;
	text-decoration: none;
	border-bottom:1px solid rgba(0,0,0, .5);
	z-index: 79;
	text-decoration: none;
	color:#fff;
	background: rgba(0,0,0, .3);
	-webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;

}

#nav ul li a:hover{
background: white;
 color: #141D32; 
}

.menu-bar {
position: fixed;
z-index:999;
display: block;
width: 100%;
background: #000;
}

.menu-bar .bt-menu {
  background: #000 no-repeat 50% 15px;
  background-size: 150%, cover;
	display: block;
	padding: 30px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	height: 20vw;
	text-align: right!important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


.menu-bar span{

	float: right!important;
	font-size: 20px;
}

.menu-bar img{

top: -5px!important;
}

.box {

    margin:0px;
}
}