@font-face
{
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 400;
	src: local(''),
	url('fonts/quicksand-v30-latin-ext-regular.woff2') format('woff2'),
	url('fonts/quicksand-v30-latin-ext-regular.woff') format('woff');
}

body
{
	font-size: 140%;
    font-family: quicksand, sans-serif;
	margin: 0;
	text-align: justify;
	background-color: rgb(255, 255, 253);
}

div.header, .content, .footer
{
	width: 100%;
}

div.header
{
	z-index: 10;
	position: fixed;
	font-size: 110%;
	background-color: #ff7729;
	box-shadow: 0 1px 6px gray;
}

#menu
{
	display: inherit;
}

#burgersymbol, #burgermenu
{
	display: none;
}

div.burgermenuitem
{
	display: none;
}

div.content
{
	width: 80%;
	padding: 8em 10% 4em 10%;
}

div.footer
{
	z-index: 10;
	position: fixed;
	bottom: 0;
	font-size: 90%;
	background-color: #ff7729;
	box-shadow: 0 -1px 6px gray;
}

h1, h2, h3, h4, h5, h6
{
	padding-top: 1em;
}

a
{
	color: black;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.container
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0.5em -0.5em;
}

.container_header
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 70%;
	margin: 0.2em -0.5em;
}

.container_content
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: center;
}

.container_footer
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.container_img
{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	padding: 1em 0;
}

.txt_content
{
	width: 60%
}

.img
{
	display: block;
	margin: 1em auto;
	padding: 1em;
}

.img_full
{
	display: inherit;
	width: 30%;
	margin-top: 4em;
	box-shadow: 0 3px 6px rgb(29, 29, 29);
}

.img_compact
{
	display: none;
}

.menu
{
	font-weight: bold;
	padding: 0.5em;
	background-color: #ff7729;
}

.menu_selection
{
	font-weight: bold;
	padding: 0.5em;
	background-color: #ef6719;
	box-shadow: 0 1px 2px rgb(29, 29, 29);
}

span.highlight
{
	font-weight: bold;
}



@media only screen and (max-width: 1551px)
{
	#menu
	{
		display: none;
	}

	#burgersymbol
	{
		display: inherit;
	}

	#burgermenu
	{
		display: none;
		position: absolute;
		right: 0;
		top: 4.7em;
		width: 100%;
	}

	div.burgermenuitem
	{
		display: inherit;
		padding: 0.6em;
		font-size: 110%;
		text-align: center;
		background-color: #ff7729;
	}

	.txt_content
	{
		width: 100%
	}

	.img_full
	{
		display: none;
	}

	.img_compact
	{
		display: inherit;
		width: 100%;
		margin: 2em auto;
		box-shadow: 0 3px 6px rgb(29, 29, 29);
	}
}