@charset "UTF-8";

/*Mobile Responsive Nav*/
/*menu*/
#nav-trigger {
  display: none;
  text-align: center; }
  
#nav-trigger span {
	display: inline-block;
	padding: 5px 10px;
	margin: 5px 10px;
	color: #F90;
	cursor: pointer;
	text-transform: uppercase;
}

/*arrow down*/	
  #nav-trigger span:after {
	display: inline-block;
	margin-left: 10px;
	width: 1px;
	height: 3px;
	content: "";
	border-left: solid 10px transparent;
	border-top: solid 10px #f90;
	border-right: solid 10px transparent; }
	
/*menu hover*/	
/*  #nav-trigger span:hover {
	background-color: #000;
}*/

/*arrow up*/	
  #nav-trigger span.open:after {
	border-left: solid 10px transparent;
	border-top: none;
	border-bottom: solid 10px #f90;
	border-right: solid 10px transparent; 
}
   
/*nav*/
	nav#nav-mobile {
	  position: relative;
	  z-index: 8000;
	  display: none; 
 }
  
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    top: 0px;
	left: 0px;
    right: 0;
	width: 45%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #000; 
}

nav#nav-mobile ul ul{
    display: none;
    list-style-type: none;
    position: relative;
    top: 0px;
	left: 5px;
    right: 0;
	width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #000; 
}
	
  nav#nav-mobile li {
	font-variant: small-caps;
    display: block;
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #FFF; 
}
	
    nav#nav-mobile li:last-child {
      border-bottom: none; 
}
	  
  nav#nav-mobile a {
    display: block;
    color: F90;
    padding: 5px 10px; 
	text-decoration: none;
}

	nav#nav-mobile a:link {
		color: #fff;
}
	
    nav#nav-mobile a:hover {
		background-color: #F90;
		color: #fff;
}

	nav#nav-mobile a:visited {
		color: #fff;
}

	

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 850px) {
	#wrapper {
		width: auto;
		padding-left: 5px;
		padding-right: 5px;
}

	#ddmenu {
		display: none;
}

	img {
		max-width: 100%;
		height: auto;
}
	
  #nav-trigger {
    display: block;
}

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block;
}

	nav#nav-mobile img {
		display: none;
}


}