body {
	margin: 0px;
	padding: 0px;
}

/* Masonry Start */
/* Set the gaps */
.masonry {
	column-gap: 1.5em;
}
.masonry,
.masonry-item {
	margin-bottom: 1.5em;
}
/* Masonry End */



div.header {
	text-align: center;
	position: fixed;
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 0%;
	left: 0;
	background-color: #ffffff;

	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:	0px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow:			0px 1px 3px 0px rgba(0,0,0,0.75);

}

div.header img {
	max-height: 90%;
	max-width: 90%;
}

div.header a {
	text-decoration: none;
	color: #111111;
	font-family: "Arial", "Sans-serif";
	font-size: 3.5vw;
	padding-top: 1%;
	margin: 0px 3%;
}

div.header a,
div.header img {
	display: inline-block;
	vertical-align: middle;
}

#masonryholder {
	position: fixed;
	z-index: 1;
	top: 10%;
	height: 90%;
	left: 0;
	width: 100%;
	overflow-y: scroll;
}

.masonry {
	background-color: #FFFFFF;
}

.masonry-item {
	cursor: pointer;
}
.masonry-item:hover {
	opacity: .70;
	filter: alpha(opacity=70);
}

@media (orientation: portrait) {
	div.header a {
		padding-top: 5%;
		font-size: 6.5vw;
	}

}