.menu {
   padding: 8px;
   max-width: 1100px;
	margin: auto;

}
.menu-lang {
   width: 100%;
   font-size: small;
}

.menu-main {
   padding: 4px;
   min-width:600px;
   background-color: #60A090;
   -xxkhtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
   -xxkhtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
}

ul {
	height: 28px;
	min-width:600px;
}

li {
	float: left;
	padding: 18px;
}

ul a {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: center;
	padding-right: 8px;
	padding-left: 8px;
	display: block;
	line-height: 28px;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #FFF;
	border-style:solid;
	border-width:0px;
	-khtml-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
	-khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
}

ul a:hover {
   color: #C1C1C1;
}

a {
   text-decoration: none;
} 

.grid-item {
   width: 242px;
   height:auto;
   margin: 6px;
   margin-bottom: 16px;
   padding: 4px;
   border: 1px solid grey;
   background-color: #F2F2E8;  
   float: left;
   font-family: Verdana, Arial, sans-serif;
   font-size: medium;
   color: #606060;
   border-style:solid;
   border-width:0px;
   background-color: rgb(242,242,232);
   -khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
   -khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
}





#columns {
	column-width: 242px;
	column-gap: 15px;
  	width: 90%;
	max-width: 1100px;
	margin: 50px auto;
}

div#columns figure {
	border: 2px solid #fcfcfc;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;
	padding: 15px;
	padding-bottom: 10px;
   display: inline-block;
   column-break-inside: avoid;
   
   font-family: Verdana, Arial, sans-serif;
   background-color: rgb(242,242,232);
   -khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
   -khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
}

div#columns figure img {
	width: 100%; 
	height: auto;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

div#columns figure figcaption {
  font-size: .9rem;
	color: #444;
  line-height: 1.5;
}

@media screen and (max-width: 750px) { 
  #columns { column-gap: 0px; }
  #columns figure { width: 100%; }
}