body 
	{
		background-color: rgb(245, 235, 220);
	}
	
	.maincontainer
	{
		width: 1024px;
		align: center;
		/*border: 3px solid black;*/
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		background-image: url("./BG.png");
		background-repeat: no-repeat;
		background-attachment: sticky;
		background-position: top;
		background-opacity: 0.4;
	}

	h1 
	{
		color: #575f48; //darkbrown;
		text-align: center;
		font-size: 3rem;
		text-shadow: 0px 0px 5px white;
	}
	
	h2
	{
		color: brown;
		text-align: center;
		font-size: 2.5em;
		text-shadow: 0px 0px 5px white;
	}
	
	h3
	{
		color: brown;
		text-align: center;
		font-size: 2rem;
		text-shadow: 0px 0px 5px white;
	}
	
	p, ul
	{
		font-family: verdana;
		font-size: 1.5rem;
		color: dark-gray;
		text-align: justify;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 25px;
		margin-bottom: 10px;
		text-shadow: 0px 0px 5px white;
	}
	
	.booking
	{
		align: right;
		font-size: 1.5em;
		background-color: lightgrey;
		color: brown;
		opacity: 70%;
		margin-left: 2.5em;
	}
	
	
	.h2button
	{
		padding: 5%;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	
	.topnav
	{
		padding: 5%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		color: brown;
		
		list-style-type: none;
	}
	
	.topnav div,
	button
	{
		padding: 1em;
		margin: 0.5em;
		border: 1px solid black;
		border-radius: 7px;
	}

	.topnav div:hover,
	button:hover
	{
		background-color: #55aa8844;
		color: green;
		transition: background-color 250ms ease-in-out;
	}
	
	.topnav div a
	{
		text-decoration: none;
	}
	
	.navitem, button
	{
		text-align: center;
		font-size: 1em;
		text-shadow: 0px 0px 5px white;
	}
	
		p.inverse
	{
		background-color: black;
		color: lightgrey;
		font-family: sans-serif;
	}

	
	.image-container div.s1
	{
		margin: 50px 50px 50px 150px;
	}

	.image-container div.s2
	{
		margin: 50px 50px 50px 400px;
	}

/*
@media (max-width: 1224px)
{
	.maincontainer
	{
		margin: 0% 10% 0% 10%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		background-image: url("./BG.png");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top;
		background-opacity: 0.4;
	}
	
}
*/



@media (min-width: 1225px)
{
	.maincontainer
	{
		margin-left: 200px;
	}
	
}