/* Default: two-column layout */
body, html {
	margin:0;
	padding:0;
	color:black;
}
#colcontainer {
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
}
#column1 {
	float:left;
	width:50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:2px 10px;
	text-align:left;
}
#column2 {
	float:right;
	width:50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:2px 10px;
	text-align:left;
}
#header {
	padding:2px 10px;
}
#footer {
	clear:both;
	padding:2px 10px;
}


/* Small screens: one-column layout */
@media all and (max-width: 600px), braille, ttv, tv {
#colcontainer {
	max-width:450px;
}
#column1 {
	float:none;
	width:100%;
}
#column2 {
	float:none;
	width:100%;
}
}

/* Other handy layout utilities */
.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.fit {
	max-width: 100%;
	height:auto;
}

.container {
  display: flex;
  justify-content: space-between;
}
.left-in-container {
  margin-right: auto;
}
.right-in-container {
  margin-left: auto;
}