.filter-button-group {
		flex-basis: 100% !important;
}
#howtos .grid {
		flex-basis:100% !important;
}
#howtos .block-info {
	padding-right:20px;
}
.filter-button-group div {
	background-color: #f4f6f6;
	padding: 1.5em;
	margin:0 1em;
}
.filter-button-group h2 {
	font-size:2.25rem;
}
.filter-button-group button {
	display:block;
	margin-bottom:1.25em;
	border:none;
	position: relative;
	color: #313535;
	font-size:1.25rem;
	line-height: 1.5rem;
	text-decoration: none;
	padding:7px;
}
.filter-button-group button:after {
  content: "";
  transition: all 0.3s;
  height: 0;
  position: absolute;
  width: 100%;
  border-bottom: 2px solid #e8552f;
  bottom: 0;
  left: 0;
}
.filter-button-group button:hover {
  color: #343741;
  background: #f4f6f6;
}
.filter-button-group button:focus,
.filter-button-group button:active {
  color: #ffffff;
  background: #343741;
}
.filter-button-group button:hover::after {
  width: 26px;
}
.filter-button-group button:focus::after,
.filter-button-group button:active::after {
  width: 100%;
}
.grid-item {
	border-top: 1px solid var(--warm-grey);
	padding:20px;
	margin:0;
	width:100%;
}
.grid-item:hover, .grid-item:focus {
	background-color: #eee;
}
#howtos .grid a, #howtos .grid a:hover, #howtos .grid a:focus {
	color:#000;
}
#howtos .grid a {
	display:flex;
	text-decoration: none;
	flex-wrap:wrap !important;
}
#howtos .grid a div {
	flex-basis: 100%; !important
}
.grid-item p {
	margin:0.5em 0;
	line-height:1.5em;
}
.grid-item h4 {
	font-size: 1.25em;
	line-height: 1.25em;
}
.howto-title {
	font-size: 1.25rem;
	margin: 30px auto 0;
	@media (min-width: 800px) {
		margin-top:50px;
		font-size: 1.625rem;
	}
}
@media (min-width: 782px) {
	#howtos .wp-block-columns { 
		flex-wrap: nowrap !important;
	}
}
@media (min-width: 1050px) {
	.filter-button-group {
		flex-basis: 33.3% !important;
	}
	.filter-button-group button { 
			margin-bottom:1em;
	}
	#howtos .grid {
		flex-basis:66.66% !important;
	}
}
@media (min-width: 1240px) {
	#howtos .grid a div {
		flex-basis: 50%;
	}
}