header, section, footer, aside, nav, main, article, figure {
	display: block;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

*	{
	margin: 0;
	padding: 0;
	}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
	height: 100%;
	margin: 0;
	padding: 0;
	background: #cccccc;
	background: -webkit-linear-gradient(top, #70c3ed 0%, #cccccc 50%);
	background: linear-gradient(to bottom, #70c3ed 0%, #cccccc 50%);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#allcontent {
	max-width: calc(100% - 10px);
	margin: 10px 5px;
	}


@media only screen and (min-width: 800px) {
	#allcontent {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		max-width: calc(100% - 30px);
		margin: 15px;
		}
}

@media only screen and (min-width: 1030px) {
	#allcontent {
		max-width: 1000px;
		margin: 15px auto;
		}
}



div.page-content {
	width: calc(100% - 24px);
	float: left;
	}