@charset "UTF-8";
/* CSS Document */
@media only screen and (min-width:769px) {
body {
	z-index: -999;
}
.masonry {
	padding: 100px 60px 100px 60px;
	z-index: -100;
}
/* clearfix */
.masonry:after {
	content: '';
	display: block;
	clear: both;
}
.masonry .item {
	float: left;
	margin: 30px 2% 0px 2%;
}
img {
	width: 100%;
	vertical-align: bottom;
	background: white;
object-fit: cover;
  object-position: center;
  display: block;

}
	
	.item.third {
  width: 29% !important;
}
	
	.item.cover-vh img {
  height: calc(100vh - 160px);
  object-fit: cover;
}
	
	.item.fit-vh img {
  max-height: calc(100vh - 160px); /* header + breathing room */
  width: auto;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}
	
	a img {
		  transition: transform 0.4s ease, opacity 0.3s ease;
  will-change: transform;
	border-radius: 8px;	
	}
	
	a .item:hover img {
  transform: scale(1.05);
  
}
	
	
.item.w1 {
	width: 10%;
}
.item.w2 {
	width: 20%;
}
.item.w3 {
	width: 30%;
}
.item.w4 {
	width: 40%;
}
.item.w5 {
	width: 45%;
}
.item.w6 {
	width: 60%;
}
.item.w7 {
	width: 70%;
}
.item.w8 {
	width: 80%;
}
.item.w9 {
	width: 90%;
}
.item.w10 {
	width: 95%;
}

.item.center{
margin: 0px auto; 
left: -50%; 
-webkit-transform: translateX(22%); 
transform: translateX(22%);
}

.item.tallframe {
	position: relative;
padding-bottom: 50%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.item.tallframe iframe {
	position: absolute;
top: 0;
left: 0;
	width: 100%;
	height: 100%;
}
.item.border {
	border: thin black solid;
	margin-bottom: 20px;
}
}
 @media only screen and (min-width:481px) and (max-width:768px) {
.item.w1, .item.w2, .item.w3, .item.w4, .item.w5 {
	width: 47%;
	margin: 30px 3% 0px 0px;
}

.item.w5, .item.w6, .item.w7, .item.w9, .item.w9, .item.w10  {
	width: 100%;
	margin: 30px 3% 0px 0px;
}

.item.center{
margin: 0px auto; 
left: 0; 
-webkit-transform: 0; 
transform: 0;
}



body {
	width: 100% !important;
	z-index: -999;
}
.masonry {
	padding: 90px 40px 80px 40px;
	z-index: -100;
}
/* clearfix */
.masonry:after {
	content: '';
	display: block;
	clear: both;
}
.masonry .item {
	float: left;
}
img {
	width: 100%;
	vertical-align: bottom;
}
	 
	 	a img {
	border-radius: 8px;	
	}

.item.border {
	margin-bottom: 20px;
}

.item.tallframe {
	position: relative;
padding-bottom: 59.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.item.tallframe iframe {
	position: absolute;
top: 0;
left: 0;
	width: 100%;
	height: 100%;
}


}
 @media only screen and (max-width:480px) {
.masonry {
	padding: 90px 35px 40px 35px;
	z-index: -100;
}
footer {
	margin-top: 0px !important;
	margin-bottom: 10px!important;
}
	 
.item.third {
  width: 100% !important;
}
body {
	width: 100% !important;
}
.masonry:after {
	content: '';
	display: block;
	clear: both;
}
.masonry .item {
	float: left;
	margin-bottom: 30px;
}
img {
	width: 100%;
	vertical-align: bottom;
}
	 
	 	 	a img {
	border-radius: 8px;	
	}
.item {
	width: 100%;
}
	 
	 .item.w1{
margin: 0px auto; 
left: 0; 
-webkit-transform: 0; 
transform: 0;
width: 60%;
display: block;
	 }
.item.border {
	margin-bottom: 20px;
}

.item.tallframe {
	position: relative;
padding-bottom: 119.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.item.tallframe iframe {
	position: absolute;
top: 0;
left: 0;
	width: 100%;
	height: 100%;
}

.item.center{
margin: 0px auto; 
left: 0; 
-webkit-transform: 0; 
transform: 0;
}

}

 @media only screen and (max-width:321px) {
.masonry {
	padding: 80px 35px 40px 35px;
}

.item.tallframe {
	position: relative;
padding-bottom: 119.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.item.tallframe iframe {
	position: absolute;
top: 0;
left: 0;
	width: 100%;
	height: 100%;
}
	 
	 	 	a img {
	border-radius: 8px;	
	}

.item.center{
margin: 0px auto; 
left: 0; 
-webkit-transform: 0; 
transform: 0;
}
 }