* {margin: 0; padding: 0;}

html {font-family: sans-serif; height: 100%;}

body {font-size: 100%;}

nav {
	position: fixed;
	height: 2.2rem;
	width: 100%;
	/*padding: .7rem;*/
	/*background-image: url("../pics/endressone.svg");*/
	background-origin: content-box;
	background-color: #006db6;
	color: #ffffff;
	background-size: auto 100%;
	background-repeat: no-repeat;
	z-index: 100;
	border-bottom: 2px solid white;
}

footer {
	clear: both;
	font-size: .7rem;
	text-align: center;
	padding-top: .5rem;
	height: 1.1rem;
	width: 100%;
	color: #ffffff;
	background: #006db6;
	position: fixed;
	bottom: 0;
	border-top: 2px solid white;
}


@media all and (min-width: 800px) {
nav {
	padding: .7rem;
}}

article {
	z-index: 50;
	position: absolute;
	width: 80%;
	margin: 6rem 10% 0 10%;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.7);
}

#logo {
	 height:100%;
	 /*display: block;*/
	 float:left;
	 margin-right: 2rem;
}

footer a {
	text-decoration: none;
	color: #ffffff;
}
footer p {
	margin-bottom: 5px;
}

.left {
	float: left;
	width: 25%;
	margin: 0 2.5%;
}

.middle {
	float: left;
	width: 25%;
	margin: 0 1.5%;
}

.right {
	float: right;
	width: 25%;
	margin: 0 2.5%;
}