/* Masonry Style */

body {
    overflow-y: scroll;
}

.item {
    float: left;
    position: relative;
}

.grid-sizer { width: 22%;margin:0; }
.item { width: 22%; margin:0 0 2% 0;padding-right: 2%; }
.item--width2 { width: 48%;margin:0;padding-right: 2%;   }

.main_index .grid-sizer { width: 48%;margin:0; }
.main_index .item { width: 48%; margin:0 0 2% 0;padding-right: 2%; }
.main_index .item--width2 { width: 48%;margin:0 0 2% 0;padding-right: 2%; }

.imagebild .grid-sizer { width: 48%;margin:0; }
.imagebild .item { width: 48%; margin:0 0 2% 0;padding-right: 2%; }
.imagebild .item--width2 { width: 48%;margin:0;padding-right: 2%;   }


@media screen and (max-width: 1224px) {
  /* 10 columns for larger screens */
 
  
.grid-sizer { width: 22%;margin:0; }
.item { width: 22%; margin:0 0 2% 0;padding-right: 2%; }
.item--width2 { width: 44%;margin:0;padding-right: 2%;   }

.main_index .grid-sizer { width: 48%;margin:0; }
.main_index .item { width: 48%; margin:0 0 2% 0;padding-right: 2%; }
.main_index .item--width2 { width: 48%;margin:0;padding-right: 2%;   }

.imagebild .grid-sizer { width: 48%;margin:0; }
.imagebild .item { width: 48%; margin:0 0 2% 0;padding-right: 2%; }
.imagebild .item--width2 { width: 48%;margin:0;padding-right: 2%;   }

}

@media screen and (max-width: 720px) {
  /* 10 columns for larger screens */
.grid-sizer { width: 24%;margin:0; }
.item { width: 24%; margin:0 0 1% 0;padding-right: 1%; }
.item--width2 { width: 48%;margin:0;padding-right: 2%;  }

.main_index .grid-sizer { width: 24%;margin:0; }
.main_index .item { width: 24%; margin:0 0 1% 0;padding-right: 1%; }
.main_index .item--width2 { width: 48%;margin:0;padding-right: 1%;   }

.imagebild .grid-sizer { width: 24%;margin:0; }
.imagebild .item { width: 24%; margin:0 0 1% 0; padding-right: 1%; }
.imagebild .item--width2 { width: 48%;margin:0; padding-right: 1%;   }

}

@media screen and (max-width: 480px) {
  /* 10 columns for larger screens */
.grid-sizer { width: 24%;margin:0; }
.item { width: 24%; margin:0 0 1% 0;padding-right: 1%; }
.item--width2 { width: 48%;margin:0;padding-right: 1%;  }

.main_index .grid-sizer { width: 48%;margin:0; }
.main_index .item { width: 48%; margin:0 0 2% 0;padding-right: 1%; }
.main_index .item--width2 { width: 48%;margin:0;padding-right: 1%;   }

.imagebild .grid-sizer { width: 48%;margin:0; }
.imagebild .item { width: 48%; margin:0 0 2% 0;padding-right: 1%; }
.imagebild .item--width2 { width: 48%;margin:0;padding-right: 1%;   }

}

@media screen and (max-width: 320px) {
  /* 10 columns for larger screens */
.grid-sizer { width: 30.6%;margin:0; }
.item { width: 30.6%; margin:0 0 0.4% 0;padding-right: 0.4%; }
.item--width2 { width: 50.6%;margin:0;padding-right: 0.4%;  }

.main_index .grid-sizer { width: 48%;margin:0; }
.main_index .item { width: 48%; margin:0 0 1% 0;padding-right: 0.4%; }
.main_index .item--width2 { width: 50.6%;margin:0;padding-right: 0.4%;   }

.imagebild .grid-sizer { width: 48%;margin:0; }
.imagebild .item { width: 48%; margin:0 0 1% 0;padding-right: 0.4%; }
.imagebild .item--width2 { width: 50.6%;margin:0;padding-right: 0.4%;   }

}

.image{
    max-width: 100%;
    margin: 0;
    display: block;
		
}

.image:after {
    clear:both;
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    color: #fff;

}

.overlay .title {
    text-align: center;
	color:rgb(255,255,255);
	font-weight: bold;
	font-size: 24px;
	line-height:24px;
	display:inherit;
	display:none;
}

.overlay .description {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
	display:none;
	
}

.overlay .description p {
   margin-left:10px;
}

.masonry-item:hover .overlay {
    display: block;
}