.offcanvas {
	position: absolute; 
	z-index: 200; 
	right:20px; 
	top:20px;
	display:block;
	background-color:rgb(166,221,218); 
}
.main-nav {display: none;}  


#header .inside { margin: auto auto; text-align: right; display: fixed;}
#header .inside .logo { float:left; width: 150px; height auto;  margin:20px 15px 15px 15px;}

.offcanvas a {

  display:inline-block; 
  width:19px; 
  height:19px; 
  margin:20px 20px 10px 20px; padding:0;
  background: url(/files/images/assets/burger.png) no-repeat top center;	}


/* Small devices (desktop, 1024 and up) */
@media (min-width: 1024px) {
	
.main-nav {display: block; position: absolute; right: 100px; top: 80px;}  
.offcanvas a {display: none;}
#header .inside {margin: auto auto; text-align: center; }
#header .inside .logo {float:left; width: 169px; height auto;  margin:5px 0 15px 0;}
#header .inside .main-nav  {display:block; font-size: 16px; text-transform: uppercase; text-align: right; margin-top:20px}

.main-nav .level_1 li {display: inline-block; margin:0; padding: 5px 0 0 24px;}

.main-nav .level_1 li a{
	display:inline-block;
	color:rgb(255,255,255);
	padding:0 0 5px 0;
	border-bottom: 3px solid transparent;
	text-decoration: none;
	font-weight:normal;
}

.main-nav .level_1 li a:hover{
	display:inline-block;
	color:rgb(255,255,255);
	padding:0 0 5px 0;
	border-bottom: 3px solid rgb(255,255,255);
	text-decoration: none;
	font-weight:normal;
}
	
.main-nav .level_1 li.trail a{
	display:inline-block;
	color:rgb(255,255,255);
	padding:0 0 5px 0;
	border-bottom: 3px solid rgb(255,255,255);
	text-decoration: none;
	font-weight:normal;
}
	
.main-nav .level_1 li strong.active{
	display:inline-block;
	color:rgb(255,255,255);
	padding:0 0 5px 0;
	border-bottom: 3px solid rgb(255,255,255);
	text-decoration: none;
	font-weight:normal;
}
	
}

/* Small devices (desktop, 1200 and up) */
@media (min-width: 1200px) {

	
}	
	

/* Small devices (desktop, 1300 and up) */
@media (min-width: 1300px) {

	
}	

/* Small devices (desktop, 1400 and up) */
@media (min-width: 1400px) {

}	
		
	
/* Small devices (desktop, 1600 and up) */
@media (min-width: 1600px) {

}	
		
/* Small devices (desktop, 1920 and up) */
@media (min-width: 1920px) {

}