html {
	margin: 0;
    height: 100%;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
    height: 100%;
	color: #FFFFFF;
	background-image: url("../images/background.jpg");
}

header {
	margin: auto;
	background-color: #062F6F;
	color: #FFFFFF;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px 1px 0px 1px;
}

.siteTitle {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	color: #FFFFFF;
}

.siteTitle a {
	color: #FFFFFF;
}

div.site {
	width: 100%;
	background: rgb(241, 229, 216, .5);
	color: #1E1E1E;
	margin: auto;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0px 1px 1px 1px;
}

div.padding {
	padding: 5px;
}

div.content {
	display: flex;
	flex-direction: column;
}

div.contentItem {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 10px;
	border: thin solid #B0B0B0;
}

footer {
	width: 100%;
	margin: auto;
	text-align: center;
}

@media (min-width: 768px) {
	header {
		max-width: 1000px;
	}
	
	div.site {
		max-width: 1000px;
		min-height: 600px;	
	}
	
	.siteTitle {
		size: 35px;
	}
	
	footer {
		max-width: 1000px;
	}
}