.hex-wrapper {
	display: inline-block;
}
.hex-row {
  clear: left;
}
.shift1 {
    margin-left: 130px;
}
.shift2 {
    margin-left: 250px;
}
.hexagon {
	float: left;
	position: relative;
	margin: 15px;
	width: 220px;
	height: 220px;
	line-height: 220px;
	padding:0 30px;
	-moz-border-radius: 110px;
	-webkit-border-radius: 110px;
	border-radius: 110px;
	background-color: #fff;
	background-position: center center;
	border: 1px solid #1cade4;
	z-index: 1;
	/* Text styling */  
	text-align: center;
	font-family: sans-serif;
	color: #fff;  
	background-color: #1cade4;	 
	/*cursor: pointer;*/
	transition: color 500ms ease, background-color 500ms ease, -webkit-transform 1s ease-in-out;
}
.hexagon p {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	text-align: center;
}
.hexagon img {
	width: 100%;
	height: auto;
}
.hex-nobg, .hexagon.hex-nobg:hover {
	background: none;
	border: none;
	color: #666;
	padding: 0;
}

.hexagon:hover {
  color: #666;  
  background-color: #fff;
}

@media (max-width: 767px) {	
	.hexagon {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.shift1, .shift2 {
		margin-left: 0;
	}
}