@charset "utf-8";
/* CSS Document */

 
 
#columns {
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	-webkit-column-fill: auto;
	-moz-column-count: 2;
	-moz-column-gap: 15px;
	column-count: 2;
	column-gap: 15px;
	float:left !important;
  }

.pin {
	display: inline-block;
	background: #f0f9f8;
	border: 2px solid #fff;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 40px 0px 15px 12px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 0px 8px 0px 0px;
 	opacity: 1;
	width: 90%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	float:left;
	
	 
 
}

  

.pin p {
 	margin: 0;
}

 

@media (min-width: 960px) {
	#columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		width: 100%;
	}
	
	.pin   {
			width:94%;}

}

@media only screen and (max-width:480px) {
	#columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
 		width:100%;
		float:left;
			
	}
	
	.pin   {
		 
		margin: 2px 2px -30px 8px;
    width: 90%;

}
		
	 

}