body   {
	font-family: "sans-serif";
}
#main {
	margin-left: 10%; margin-right: 10%;
	margin-top: 1em;
	border: 1px solid black;
	padding: 20px;
}
@media (max-width: 1000px) {
	#main {
		margin-left: 2%; margin-right: 2%;
	}
}
#header {
	height: 150px;
	background-image: url("managedlinux.png");
	background-repeat: no-repeat;
	border-bottom: 1px solid gray;
	background-position: right;
}
@media (max-width: 1000px) {
	#header {
			background-size: 300px; /* smaller size for mobile */
			height: 150px;
		}
	}
.title {
	padding: 30px 0 10px 0px;
	font-size: 2em;
	font-weight: bold;
}
.subtitle {
        padding-left: 0px;
	font-size: 1.4em;
}
#menu {
	margin-left: 0px;
	padding: 0 0 3em 0;
}
#menu h1 {
	padding: 0;
	margin: 0;
}
#leftfloat {
	float: left;
	width: 160px;
	margin: 0;
	padding: 1em;
}
#rightfloat
{
	float: right;
	width: 160px;
	margin: 0;
	padding: 1em;
}

#content {
	margin-left: 0%;
	margin-right: 0%;
	padding: 1em 1em 1em 0px;
	max-width: 50em;
	font-size: 1.4em;
}
#content h2 { margin: 0 0 .5em 0; }
#contact {
        margin-top: 2em;
	border-top: 1px solid gray;
}
#footer {
	margin: 0;
	padding-left: 0px;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
}
.footertext {
	display: flex; 
	justify-content: center;
}
a {
	color: #f26522;
	text-decoration: none;
	cursor: pointer;
}
#leftfloat p, #rightfloat p { margin: 0 0 1em 0; }