@charset "utf-8";

div#controls > * {
	align-self: center;
}

div#controls h2 {
	padding: 0 12px;
}

div#controls h2 a:hover {
	color: #7D403F;
}

div#controls h2 a.active {
	color: #7D403F;
}

div#mixitup > div,
div#link > .row > div,
div#mixit > .row > div {
	display: none;
	overflow-y: hidden;
}

@media only screen and (max-width: 1199px) {
	div#controls.flex {
		display: block;
	}
}

ul.controls > li > a.active {
	background-color: #974736;
	color: #fff;
}

div#mixit div.mix {
	min-height: 421px;
}