@charset "UTF-8";
/* CSS Document */



.item_container {margin: 0 40px;}

.logo {
	width:350px;
	margin:20px 30px 0;}

@media (max-width: 700px) {
	
  nav {padding: 0;}
	
  nav ul {vertical-align: top;}
  nav:hover ul {margin-top:0;}
  nav ul li {display:none; margin: 0;}  
  nav:hover li {display:block; list-style: outside none none;}
  nav ul ul {margin-left:150px;}
	  
  nav ul ul li {
	float:none;
	display:list-item;
	position: relative;
	margin-left:0;}
	
  nav a, nav a:link, nav a:visited {padding:11px 15px; margin:0 auto 0 0;} 
  
  .submenu a, .submenu a:link, .submenu a:visited {
	font-family:'roboto_condensedregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#fff;
	text-transform:none; 
	background: #000;}
	
.submenu a:hover {color:#fff; background: #000;}

  .menu {display:inline-block;}	
  
  .gallery {top:160px; margin-left: 158px;}
  .walls {top:200px; margin-left: 158px;}
}

@media (max-width: 600px) {
	.logo {margin:10px 10px 0;}
	nav {margin:10px 0 0 0;}	
	
	#content {margin: 25px 0 0;}
	.item_container {margin: 0 30px;}
	
.photo_l {
	float:left;
	margin:0 7px 20px 0;}

.photo_r {
	float:right;
	margin:0 0 20px 7px;}
	
.photo {width:100%;	margin:0;}
.photo img {	width:auto; margin: 0 0 5px;}

.l {	width:48%; float:left; margin:0 7px 20px 0;}
.r {	width:48%; float:right; 	margin:0 0 20px 7x;}
.l img, .r img {width:100%;}

}


@media (max-width: 500px) {
 .logo {width:70%;}
 
 nav {text-align:left;}
 
 .photo_l, .photo_r {width:100%;}
 
 .photo_h {width:80%; margin: 0 10% 20px;}
 
 .photo1 {visibility:hidden; position:absolute;}

}

@media (max-width: 400px) {
	 .logo {width:75%;}

	.item_container {margin: 0 20px;}
	
.photo_h {width:100%; margin: 0;}

}

@media (max-width: 375px) {.logo {width:80%;}}

@media (max-width: 360px) {.logo {width:95%;}}