

<!--masonry styles-->

.myworkwrapper {
padding-top: 4%;	
}

#masonry {
width: 90%;
background: #FFF;
padding: 0 2% 2% 2%;
margin-bottom: 20px;
border-radius: 5px;
clear: both;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
	  border-radius: 5px;
}

.centered { margin: 0 auto; }

.box {
margin: 5px;
font-size: 11px;
line-height: 1.4em;
float: left;

/*-webkit-transition: -webkit-transform 0.1s ease-in;*/

}

.box img {	
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
	  border-radius: 5px;
-moz-box-shadow:1px 2px 5px #666666;
	-webkit-box-shadow:1px 2px 5px #666666;	
}

.box:hover {
	
	z-index:100;
	position:relative;
	/*-webkit-transition: -webkit-transform 0.1s ease-in;*/
	-moz-transform:rotate(-1deg) scale(1.2);
	-webkit-transform:rotate(-1deg) scale(1.2);
}


.col1 { width: 80px; margin: auto; }
.col2 { width: 180px; margin: auto;}
.col3 { width: 280px; margin: auto;}
.col4 { width: 380px; margin: auto;}
.col5 { width: 480px;margin: auto; }

.col1 img { max-width: 100%;margin: auto; }
.col2 img { max-width: 100%;margin: auto; }
.col3 img { max-width: 100%;margin: auto; }
.col4 img { max-width: 100%; margin: auto;}
.col5 img { max-width: 100%; margin: auto;}


/**** Gutters ****/

.has-gutters .box {
margin: 5px 0;
}

.has-gutters .col1 { width: 90px; }
.has-gutters .col2 { width: 230px; }
.has-gutters .col3 { width: 370px; }
.has-gutters .col4 { width: 550px; }

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
 -moz-transition-duration: 0.7s;
   -o-transition-duration: 0.7s;
	  transition-duration: 0.7s;
}

.transitions-enabled.masonry {
-webkit-transition-property: height, width;
 -moz-transition-property: height, width;
   -o-transition-property: height, width;
	  transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
-webkit-transition-property: left, right, top;
 -moz-transition-property: left, right, top;
   -o-transition-property: left, right, top;
	  transition-property: left, right, top;
}


/* disable transitions on masonry */
.transitions-enabled.infinite-scroll.masonry {
-webkit-transition-property: none;
 -moz-transition-property: none;
   -o-transition-property: none;
	  transition-property: none;
}


/**** Fluid ****/

#masonry.fluid  {
padding: 5px 0;
}

/* right margin value is 0.1% less than calculated,
to allow for rounding errors in Firefox */
.fluid .box {
margin: 5px 0.9% 5px 1%;ƒ
padding: 1% 1%;
}

.fluid .box.col1 { width: 16%; }
.fluid .box.col2 { width: 36%; }
.fluid .box.col3 { width: 56%; }
.fluid .box.col4 { width: 76%; }
.fluid .box.col5 { width: 96%; }

/**** Corner stamp ****/

.corner-stamp {
width: 280px;
height: 340px;
padding: 10px;
margin: 10px;
float: right;
background: red;
color: white;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
	  border-radius: 5px;
}