*{
  box-sizing:border-box;
}

/* ==================================================
@HTML TAGS
================================================== */
body{
	font:120%/180% "Lato", Arial, Helvetica, Sans-Serif, Serif;
	font-weight:400;
}

h1{
	margin:0 0 10px 0;
	padding-bottom:10px;
	
	font-weight:900;
	font-size:80px;
	line-height:100%;
	
	border-bottom:10px solid #cccccc;
}

/* ==================================================
LEFT AND RIGHT PANES, NAVIGATION
================================================== */
.row{
	display:flex;
	width:100%;
}
.column1{
	flex:0%;
	min-width:300px;
	padding:10px;
	border-radius: 25px;
	background-color:#cccccc;
}
.column2{
	flex:100%;
	min-width:500px;
	padding:10px;
}
.navigation{
	display:grid;
	grid-template-columns: auto;
	font-weight:700;
}
.navigation-row{
}
.navigation-row-space{
	padding-top: 20px;
}