#game_filters {width:100%;text-align:center;clear:both;margin-bottom: 20px;}

#game_filters button {
	border-radius: 0;
	text-transform:uppercase;
	height: 42px;
	width: 178px;
	color: #fff;
	background: #f58a6b;
	border: none;
	padding: 8px 0;
	font-size: 20px;
	font-family: "Museo Sans W01 500";
	margin: 8px 3px 0;

}

button:focus {
	outline: none;
}

#game_filters button:hover,
#game_filters button:active,
#game_filters button.active {
	color: #fff;
	background: #4f2c1e;
	box-shadow: none;
}

#game_filters button.is-checked {
	color: #fff;
	background: #4f2c1e;
}

#shuffleclear {
	margin-top:8px;text-align:center;margin-bottom:20px;
}

button#clearall,
button#shuffle {
	border-radius: 0;
	text-transform:uppercase;
	height: 42px;
	width: 178px;
	color: #4f2c1e;
	background: #fff;
	border: 1px solid #f58a6b;
	padding: 8px 0;
	font-size: 20px;
	font-family: "Museo Sans W01 500";
	margin: 5px auto 25px;
	display: block;
}

#isotope {
	margin-bottom: 25px;
}

#isotope .box {
	width: 365px;
    padding: 0px 22px 5px;
    text-align: center;
    border: 1px solid #4f2c1e;
    color: #4f2c1e;
    margin-bottom: 20px;
    display: inline-block;
}

#isotope .box h3 {
	font-family: "Museo Sans W01 700";
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 15px;
}

#isotope .box img.box-dots {
	margin-bottom: 15px;
}

#isotope .box img.box-img {
	width: 325px;
	height: 210px;
	margin-bottom: 15px; 
}

#isotope .box p.box-description {
	font-size: 16px;
	line-height: 22px;
	font-family: "Museo Sans W01 500";
}

#isotope + hr {
	border-top: 1px solid #4f2c1d;
}

@media (max-width: 600px) {
	#isotope .box {
		width:100%;
		padding: 30px 15px;
		display: block;
		text-align: center;
	}
}

@media (max-width: 480px) {
	#isotope .box {
		width:100%;
		padding: 30px 15px;
		display: block;
		text-align: center;
	}
}


#isotope,
#isotope .box {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
 
.box {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}
 
#isotope .box {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}