@color-bg: hsv(120,  0%,100.0%);
@color-fg: hsv(120,  0%,  0.0%);
/*
@color-bg: hsv(120,  0%, 12.5%);
@color-fg: hsv(120,  0%, 75.0%);
 */

@color-x1: hsv(120, 50%, 50.0%);
@color-x2: hsv(120, 50%, 50.0%);

*
{
	font-family: sans-serif;
}

body
{
	background-color: darken(@color-bg, 50%);
}

#mid
{
	background-color: @color-bg;
	color: @color-fg;
	
	box-shadow: 2px 2px 2px black;
	padding: 80px 40px;
	max-width: 1000px;
	margin: auto;
}

#title
{
	& > header
	{
		font-size: 2.5em;
		font-weight: bold;
		margin-bottom: 48px;
	}
		
	& > #logo
	{
		max-width: 480px;
		margin: auto;
	
		& > img
		{
			width: 100%;
		}
	}
	
	margin-bottom: 180px;
}