body {
	margin:0;
	padding: 0;
	font: 100%;
	min-height: 100%;
	}

	header, article, aside,
	footer, nav, lubberofzelda { float: left }

	h1 {
		font: 1.9em/1.4em sans-serif;
		margin-bottom: 10px;
		diaply: block;
		}

	p {
		font: 1em/1.5em sans-serif;
		margin: 0
		}

	header {
		height: 150px;
		width: 100%;
		background: rgba(0,0,0,.6)
		}

	section {
		display: block;
		clear: left;
		}

		aside {
			width: 20%;
			text-align: center
			}

			lubberofzelda {
				width: 100%;
				}

		article {
			width: 540px;
			background: white;

			padding: 15px;
			padding-left: 30px;
			padding-bottom: 100px;
			box-sizing: border-box;
			}
		article > * {
			color: black;
			}

	footer {
		/*height: 100px;*/
		width: 20%;
		background: rgba(0,0,0,.8);

		position: fixed;
		bottom: 0px;

		color: white
		}

		dang {
			height: 100px;
			width: 40px;
			background: rgba(255,255,255,.7);

			display: inline-block;
			}

	lubberofzelda, footer {
		text-align: center;
		font: 1.2em/100px arial black;
		}

	article, aside {
		height: 100%;
		}

	@media (max-width: 800px) {

		aside {
			width: 100%;
			}
			lubberofzelda {
				height: 80px;
				width: 30%;
			}
		footer {
			position: relative;
			clear: both;
			width: 100%;
			}
	}

	@media (max-width: 545px) {
		article {
			width: 100%;
			}
	}