/*! responsive-nav.js v1.0.14 by @viljamis */

.js #nav {
  clip: rect(0 0 0 0);
  position: absolute;
  z-index: 9999;
}

#nav.opened {

}

#nav>ul {
	position: fixed;
	top: 20px;
	font-size: 16px;
	font-family: 'Candal', sans-serif;
}

#nav li {
	padding: 0px 0 10px 20px;
}

.photoimage figure {
	float: left;
	width: 24%;
	height: auto;
	margin: 0 1% 0 0;
	padding-bottom: 40px;
}

.photoimage figure img {
	width: 100%;
	height: auto;
	border: 1px solid #333;
}

@media screen and (min-width: 720px) {
  .js #nav {
    position: fixed;
    max-height: none;
  }
  
  #nav-toggle {
    display: none;
  }
}

@media screen and (max-width: 719px) {
#nav ul {
	padding: 0.2em 0 ;
	top: 50px;
	//background-color: #191919;
	border:solid 4px #636363;
	border-radius: 5px;
	margin-left: 5px;
	background-color: rgba(37,37,37,0.9);
}
  
#nav li {
	padding: 0px 25px 0.4em 16px;
}

#nav-toggle {
  //-webkit-touch-callout: none;
  //-webkit-user-select: none;
  //-moz-user-select: none;
  //-ms-user-select: none;
  //user-select: none;
  //display: block;
  width: 28px;
  height: 28px;
  //float: left;
  position: fixed;
  left: 16px;
  top: 16px;
  //margin: 0 -2em 1em 0;
  text-indent: -300px;
  overflow: hidden;
  background: url("menu.png") no-repeat;
}
}

@media screen and (min-width: 481px) and (max-width: 840px) {
.photoimage figure {
	float: left;
	width: 49%;
	margin: 0 1% 0 0;
	padding-bottom: 5px;
	height: auto;
}
}

@media screen and (max-width: 480px) {
.photoimage figure {
	float: left;
	width: 100%;
	margin: 0;
	padding-bottom: 5px;
	height: auto;
}
}

@media screen and (min-width: 720px) and (max-width: 1280px) {
#container {
	margin-left: 16%;
}
}