#wrapper {
	/*width: 90%;
	max-width: 1100px;
	min-width: 800px;*/
	margin: auto;
}

#columns {
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	/*-webkit-column-fill: auto;*/
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	/*-moz-column-fill: auto;*/
	column-count: 3;
	column-gap: 30px;
	/*column-fill: auto;*/
}

.tile {
	display: inline-block;
	
	
	
	
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	margin-bottom: 30px;
	padding: 30px;
}



@media (min-width: 0px)  and (max-width: 720px)  {
	#columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}


@media (min-width: 721px)  and (max-width: 960px)  {
	#columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}


@media (min-width: 961px)  {
	#columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}


/*#columns:hover .pin:not(:hover) {
	opacity: 0.4;
}*/



}




.tile {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;

  

}



.tile h2 {
	margin:10px 0px 0px 0px !important;
	padding:0px !important;
	color:#929292;
	font-size:100px;
	font-weight:800;
	text-align:center;
}

.tile p {
	color:#6e6b6b !important;
	margin:15px 0px !important;
	padding:0px !important;
	font-size:20px;
	font-weight:400;
	text-align:center;
	text-transform:uppercase;
}


.tile.purple, .tile.blue, .tile.red, .tile.orange, .tile.green {
  color: #fff;
}
.tile.purple {
  background: #5133AB;
}
.tile.purple:hover {
  background: #3e2784;
}
.tile.red {
  background: #AC193D;
}
.tile.red:hover {
  background: #7f132d;
}
.tile.green {
  background: #00A600;
}
.tile.green:hover {
  background: #007300;
}
.tile.blue {
  background: #326699;
}
.tile.blue:hover {
  background: #265687;
}
.tile.orange {
  background: #DC572E;
}
.tile.orange:hover {
  background: #b8431f;
}

.tile.white {
  background: #ffffff;
  border:1px solid #ffffff;
	min-height: 280px;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.60);
-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.60);
box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
	
}
.tile.white:hover {
  background: #f2f2f2;
  border:1px solid #ffffff;
}




.small-p {
	font-size:16px !important;
	line-height:normal;
	text-transform:none !important;
	font-weight:400 !important;
	}