@charset "UTF-8";
html {
	box-sizing: border-box;
}

*, *::before, *::after {
	box-sizing: inherit;
}

body {
	color: black;
	background-color: rgba(255,255,200,1);
	font-family: Georgia;
 }
 
ul {
	padding: 0;
}

table {width: 100%;}

td {border: double; padding: 4%;}

.picture{width: 391.68px; height: 190.4px;}

.picture2{width: 320.5656px; height: 213.7104px;}

.logo{width: 213.6px; height: 636px; margin-left: 90px;opacity: 0.9;} 

.spruch{font-family: Bradley Hand; font-size: 50; color: DarkGreen;}

.header {
	padding: 1px;	text-align: center;

	background-color: rgba(50,100,100,0.9);
	color: rgba(240,255,220,1);
	font-family: Snell Roundhand;
	font-size: 50;
}

.nav-ul {
	background-color: lightgreen;
	margin: 0;
	transition: all 0.5s ease;
}

.nav-li {
	list-style: none;
	margin-left: 0;
}

.nav-li-a {
	padding: 1em 1rem;
	display: block;
}


.nav-ul a:link, .nav-ul a:visited {
	text-decoration: none;
	color: black;
}

.nav-ul a:hover {
	background-color: rgba(50,100,100,0.7);
	color: black;
}

.container {
	background-color: rgba(30,255,0,0.3);
	padding: 1em 1rem;
	transition: all 0.5s ease;
}

.footer {
	background-color: LightGreen;
	padding: 20px;
}

@media screen and (min-width: 36em) {

.picture{width: 460.8px; height: 224px;}
.picture2{width: 486px; height: 342px;}

.header {

	text-align: center;
}
.container {
	padding: 10px 80px;
	display: block;
	overflow: auto;
	transform: scale(0.95);
	transition: all 0.5s ease;414,72
}
.content {
	display: block;
}
.aside {
	display: block;
	border-top: none;
}
.nav-ul {
	padding: 0 40px;
	overflow: hidden;
	transition: all 0.5s ease;
}
.nav-li {
	float: left;
}
.nav-li-a {
	padding: 15px 30px;
}

@media screen and (min-width: 64em) {

.picture{width: 460.8px; height: 224px;}
.picture2{width: 486px; height: 342px;}

.container {
	padding: 10px 180px;
	display: block;
	transition: all 0.5s ease;
}

.aside {
	padding: 0 100px 10px 0;
}

.nav-ul {
	padding: 0 70px;
}

}

@media screen and (min-width: 80em) {

.picture{width: 460.8px; height: 224px;}
.picture2{width: 486px; height: 342px;}

.container {
	padding: 10px;
	display: block;
	overflow: auto;
}
.content {
	display: block;
	float: left;
	width: 55%;
	padding: 30px 160px;
	transition: all 0.5s ease;
}
.aside {
	display: block;
	margin: 0 0 0 55%;
	padding: 80px;
	width: 45%;
	transition: all 0.5s ease;
}



}
}