.picture {
	float:left;
	width:100%;
	height:auto;
	opacity:1;
	border-radius:5px;
}
.picture:hover, .picture:active, .picture:focus{
	opacity:0.75;
}
.galleryBox {
	content:"";
	display:table;
	clear:both;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive Grid. */
@media (min-width: 1300px){
	.picture{
		width:31.333%; /* Three thumbnails across */
		margin-right:2%;
		margin-bottom:2%;
		&:nth-child(3n) {
		margin-right:0;
		}
	}
}

@media (max-width: 1300px){
	.picture{
		width:48%; /* Two thumbnails across */
		margin-right:2%;
		margin-bottom:2%;
		&:nth-child(2n) {
		margin-right:0;
		}
	}
}
@media (max-width: 600px){
	.picture{
		display:block;
		width:96%; /* Single column view. */
		margin:1%; 
		float:none;
	}
}

.modal{
	z-index:3; 
    display:none;
	padding-top:50px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(242,220,219); /* HCL Pink */
	background-color:rgba(242,220,219,0.7); /* HCL Pink */
}
.modal-content {
	margin:auto;
	border-radius:5px;
	background-color:rgb(242,220,219); /* HCL Pink */
	position:relative;
	padding:0;
	outline:0;
	width:600px;
}
@media (max-width:600px){
	.modal-content {
		margin:0 10px;
		width:auto!important;
	}
	.modal{
		padding-top:30px;
	}
	.modal-button{width:100%}
}
@media (max-width:768px){
	.modal-content {
		width:500px;
	}
	.modal{
		padding-top:50px;
	}
}
@media (min-width:993px){
	.modal-content {
		width:900px;
	}
}
.modal-button {
	border:none;
	display:inline-block;
	border-radius:5px;
	outline:0;
	padding:4px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color: #f44336; /* Modal Red */
	background-color: Snow;
	text-align:center;
	cursor:pointer;
	white-space:normal;
	font-size: 200% !important;
	font-weight: bolder;
	position:absolute;
	right:0;
	top:0;
}
.modal-button:hover {
	color: White !important;
	background-color:#f44336 !important; /* Modal Red */
}
.modal-animate-zoom {
	animation:animatezoom 0.6s;
}
@keyframes animatezoom {
	from {
		transform:scale(0);
	} 
	to {
		transform:scale(1);
	}
}