﻿.masonry { /* Masonry container */
		/*-webkit-column-count: 4;
  -moz-column-count:4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;*/
		width: 100% !important;
		margin: auto;
		text-align: center;
}

.item {
		display: inline-flex;
		background: #fff;
		padding: 1em;
		margin: 10px;
		width: 100%;
		height: 100%;
		-webkit-transition: 1s ease all;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-shadow: 2px 2px 4px 0 #f0f0f0;
		max-width: 450px;
}

		.item img {
				max-width: 100%;
				margin: auto;
				transition: transform .4s; /* Animation */
		}

				.item img:hover {
						transform: scale(1.1);
				}

@media only screen and (max-width: 320px) {
		.item {
				width: 150px;
		}

				.item img {
						max-width: 90%;
				}
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
		.item {
				width: 150px;
		}

				.item img {
						max-width: 90%;
				}
}

@media only screen and (min-width: 769px) and (max-width: 1400px) {
		.item {
				width: 250px;
		}

				.item img {
						max-width: 90%;
				}
}

@media only screen and (min-width: 1401px) {
		.item {
				width: 250px;
		}

				.item img {
						max-width: 90%;
				}
}
