body {
	background-color: #4C7C71;
  	background-image: url("/images/merudeco2.png"); 
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
	font-family: sans-serif;
}
a {
	color: #4C7C71;
}
a:hover {
	color: #F89684;
}
strong, em {
	color: #4C7C71;
}
h1, h2, h3 {
	background-color: #F89684;
	color: #2F4942;
}

h1 {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 2.5em;
}
h2 {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1.75em;
}
h3 {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.25em;
}
p {
	text-align: center;
	padding: 0.5%;
	color: #375C51;
}
header, footer, main {
	border-color: #F89684;
	border-radius: 10px;
	border-style: solid;
	margin-bottom: 5px;
	margin-right: 500px;
	margin-left: auto;
	margin-top: 5px;
	width: 1044px;
}

header {
	background-color: #375C51;
}
main, footer {
	background-color: #FDF8C1;
}
a.mainmenu {
	color: #4C7C71;
	background-color: #FDF8C1;
	padding: 10px;
	font-size: 1.25em;
	display: inline-block;
}
a.mainmenu:hover{
	color: #FDF8C1;
	background-color: #F89684;
}
a.submenu {
	color: #2F4942;
}
a.submenu:hover {
	color: #FDF8C1;
}
#submenuwrapper {
	background-color: #F89684;
	color: #FDF8C1;
	font-size: 1.1em;
}
.infoboxwide img {
	float: right;
	margin: 5px;
	border-color: #FAC19D;
	border-style: solid;
	border-width: 5px;
}
main .infoboxwide:nth-child(odd) img {
	float: left;
}
.infoboxwide .infoboxtextscroll{
	max-height: 220px;
	overflow: auto;
}
.clearfix {
	overflow: auto;
}
#headerbanner {
	width: 100%;
	object-fit: contain;
}
@media (max-width: 1084px){
	main, header, footer {
		width: auto;
		max-width: 1044px;
		margin-right: auto;
	}
}
@media (max-width: 600px){
	.infoboxwide img, main .infoboxwide:nth-child(odd) img{
		float: none;
	}
	.infoboxwide .infoboxtextscroll{
		max-height: none;
	}
}