html {
	background: url(../images/background_16_10.jpg) no-repeat center;
	background-size: 100% auto;
}

/* Laptop */
@media screen and (max-width: 1300px) {

html {
	font-size: 10px;
}

div.header {
	height: 75px; 
}

	div.header-content {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
		a.header-logo>img.logo{
			height: 60px;
			width: auto;
		}
		
		div.header-top {
			margin-top: 8px;
			margin-bottom: 8px;
		}

div.content {
	width: 100%;
	position: fixed;
	bottom: 50px;
	top: 0;
	z-index: 1;
}
	#content {
		width: 460px;
		border-radius: 15px;
		padding-left: 10px;	
		padding-right: 10px;
		margin-top: 100px;
	}
	
	.top-content{
		padding-top: 10px;
	}
	
	.subpage-title {
		font-size: 18px;
		margin-bottom: 8px;
	}
	
	.subpage-img {
		width: 100%;
		margin-bottom: 8px;
	}
	
	div.content-br {
		height: 180px;
	}

h3 {
	font-size: 14px;
	padding-bottom: 6px;
}

}


/* Mobile */
@media screen and (max-width: 800px) {

div.header {
	height: 50px;	
	overflow-y: scroll; 
}

	div.header-content {
		width: 100%;
	}

		a.header-logo {
			padding-right: 5px;
		}
		
		a.header-logo>img.logo{
			height: 40px;
			width: auto;
		}
		
		div.header-top {
			text-align: right;
			margin-top: 4px;
			margin-bottom: 4px;
		}
			
			div.header-top>div {
				font-family: 'Playfair Display', serif;
				font-weight: bold;
				font-size: 10px;
				display: inline;				
				padding-top: 4px;
				padding-right: 15px;
			}
			div.header-top .menu-button {
				background-color: #99a080;
				color: #fff;
				padding: 5px;
				padding-left: 12px;
				padding-right: 12px;
				border-radius: 5px;
			}
			
		div.menu {
			width: 100%;
		}
		
			div.menu .menu-button {
				color: #99a080;
				display: inline-block;
				text-align: center;
				white-space: nowrap;
				padding: 5px;
				padding-left: 6px;
				padding-right: 6px;
			}
			
			div.menu .menu-button:hover {
				background-color: #99a080;
				color: #fff;				
				border-radius: 5px;
			}
	
	.menu-button:link {
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 10px;
		outline: none;		
	}
	.menu-button:visited {
		font-weight: bold;
		text-decoration: none;
	}

	.menu-button:hover {
		font-weight: bold;
		text-decoration: underline;
	}

	.menu-button:active {
		font-weight: bold;
		text-decoration: underline;
	}

div.content {
	width: 100%;
	position: fixed;
	bottom: 20px;
	top: 0;
	z-index: 1;
}
	#content {
		width: 100%;
		height: 100%;
		margin: auto;
		background-color: #fff;
		border-radius: 25px;
		padding-left: 10px;	
		padding-right: 10px;
		margin-top: 25px;
	}
	
	.top-content{
		padding-top: 25px;
	}
	
	.subpage-title {
		font-family: 'Playfair Display', serif;
		font-size: 16px;
		color: #99a080;
		margin: 0;
		padding: 0;
		margin-bottom: 12px;
	}
	
	.subpage-img {
		display: none;
	}
	
	#scrollable-content {
		width: 100%;
	}
	
	div.loaded-content {
		width: 100%;
	}
	
	div.content-br {
		height: 40px;
	}

h3 {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	color: #99a080;	
	margin: 0;
	padding-bottom: 10px;
}
	
div.footer-grass {
	width: 100%;
	height: 20px;
	background-image: url(../images/footer.png);
	background-size: auto 100%;
	position: fixed;
	bottom: 20px;	
	z-index: 2;
}
	
div.footer {
	width: 100%;
	height: 20px;
	background-color: #fff;
	position: fixed;
	bottom: 0px;
	z-index: 2;
	font-size: 10px;
	overflow-y: hidden;
}	
	
	div.footer-content {
		width: 100%;
		margin: auto;
		padding: 2px;
		bottom: 0;
		white-space: nowrap;
	}
	
	a.footer-logo img.logo {
		display: none;
	}
}