/*
	Masonry-style for Elina Ahlback Agency 2022 but not masonry anymore. Just Flex.
*/

* { box-sizing: border-box; }

/* ---- grid ---- */

#grid {
  max-width: 1200px;
  padding: 30px 0 0 0;
  display: flex;
    flex-wrap: wrap;
}

/* clearfix */
#grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.pieni-book-box {
    width: 15%;
    min-height: 425px;
    display: block;
    margin-right: 2%;
	margin-bottom: 25px;
}
.pieni-book-box:nth-child(6) {
    margin-right: 0;
}


@media screen and (max-width: 820px ) {
	.pieni-book-box {
	width: 22%;
		margin-right: 4%;
	}
		.pieni-book-box:nth-child(4) {
		margin-right: 0;
	}
	.pieni-book-box:nth-child(6) {
		margin-right: 4%;
	}
}

@media screen and (max-width: 510px ) {
	#grid {
      justify-content: space-between;
	}
	.pieni-book-box {
		width: 46%;
		margin-right: 0;
	}
	.pieni-book-box:nth-child(2),
	.pieni-book-box:nth-child(4),
	.pieni-book-box:nth-child(6)	{
		margin-right: 0;
	}
}