/* default.css — General reset + demo container scaffolding */
body, html {
	font-size: 100%;
	padding: 0;
	margin: 0;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.container.demo-2 {
	height: 100%;
}

a {
	color: #ccc;
	text-decoration: none;
}
a:hover {
	color: #fff;
}

/*
  .column carries its own fixed width (40em), independent of
  #cluster-box-4 (the small square button it's placed inside).
  This is intentional: .dl-menuwrapper's 60% width is calculated
  against this 40em, which is what lets the opened dropdown menu
  render wider than the visible trigger button. Do not resize this
  to 100% — that collapses the open menu down to the button's size.
*/
.column {
	width: 40em;
	float: left;
	height: 100%;
	position: relative;
}