* {
  box-sizing: border-box;
}
main {
  width: 100%; 
  display: grid;
  /* Define Auto Row size */
  grid-auto-rows: auto; 
  /*Define our columns */
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); 
  grid-gap: 1em;
}

article {}

article:nth-child(odd) {}

article:nth-child(even) {}

.doyoulikethis {
	text-align: center;
}

.doyoulikethis h1 {
	font-weight: 100;
}
  

/*  SECTIONS  */
.doyoulikethis .section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.doyoulikethis .col {
	display: block;
	float:left;
	background: rgba(67, 45, 122, 0.9);
	font-family: 'bebas_neuebold';
	text-transform: uppercase;
	font-size: 28px;
	border-radius: 3px;
	margin: 11px 0 9px 1.6%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.doyoulikethis .col a {
	padding: 15px;
	display: inline-block;
	width: 100%;
	color: #fff;
}

.doyoulikethis .col:hover {
	background: rgba(67, 45, 122, 1);
}

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.doyoulikethis .col { 
		margin: 0% 0 0% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.doyoulikethis .col { margin: 12px 0 0% 0%; }
}

.doyoulikethis .btn1 {
	background: rgba(255, 255, 255, 0.05);
}

.doyoulikethis .btn1 a {
	color: #fff;
}

.doyoulikethis .btn1:hover {
	background: rgba(255, 255, 255, 0.1);
}

#image_gallery .icon {
	font-size: 48px;
}