div.container {width: 100%; margin: 0;}
article {margin-right: 1%; margin-left: 1%; margin-top: 1%; margin-bottom: 1%; padding: 1em; color: black; background-color: white; }
aside {background-color:#f3ffe6; border-left: 10px solid green;}
	
	body {margin: 0; background-color: #333333;}
	p, td, h2 {text-align:left; color: #252525; font-family: Palatino, "Palatino Linotype", "Times New Roman", serif;} 
	h1, h2 {font-weight: normal; margin:0;}
	p, td {font-size: 0.9;}
	.right {text-align: right; padding-right:5%; color:grey; margin:0;}
	.green {padding:0.2em; padding-left: 1em; border-bottom: 1px solid green;}
	.description {font-size: 0.8em; font-family: 'Times New Roman', serif; color: #666666;}
	.caputleft {margin: 0; text-align:left; font-size:1.2em; font-family: "Times New Roman", serif;}
	.capitulum {font-size:1em;}	
	hr {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	.thick {border: 0; height: 0; border-top: 3px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	#first {margin-bottom:0; padding-bottom:0; padding:2%;}
	#second {margin-top:0;}
	address {font-style: normal;}
	audio {width: 100%;}
	img {display: block; image-orientation: from-image;}
	.logo {width: 100%;}
	.cover {width: 99%;}	
	a {color:#333333; text-decoration:none; border-bottom: 0.0625rem solid lightgrey;}
	.signature {text-align:center; text-indent:0; color:grey; font-family: Palatino, "Palatino Linotype", "Times New Roman", serif; line-height: 2em;}
	.none {color: grey; text-decoration: none; border-bottom: none;}
	
	div.icon {width: 50px; height: 5px; background-color: #252525; margin: 10px 0;}
	.dropbtn {background-color: white; color: grey; border: none; cursor: pointer; font-family: "Times New Roman", serif; float: right;}
	.dropdown {position: relative; float: right; display: inline-block;}
	.dropdown-content {display: none; position: absolute; font-size: 1.2em; text-align: left; background-color: #f9f9f9; min-width: 220px; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2); z-index: 1;}
	.dropdown-content a {color: black; padding: 1.2em 2em; text-decoration: none; display: block;}
	.dropdown-content a:hover {background-color: #99ff99;}
	.dropdown:hover .dropdown-content {display: block;}
	.dropdown:hover .dropbtn {background-color: #f1f1f1;}
	
	* { box-sizing: border-box;}
	.column {flex: 50%; padding-top: 3%; padding-left: 5%; padding-bottom: 3%; padding-right: 5%;}
	.row {display: flex;}
				
	@media only screen and (max-width:450px) {
		article {text-align: left;}
		aside {padding: 1em;}
		body {background-color: #e6e6e6;}
		div.icon {width: 25px; height: 3px; margin: 5px 0;}
		p, td {font-size: 0.9em;}
		.description {font-size: 0.8em;}
		.logo {width: 150%;}
		.cover {width: 98%;}}
		
	@media only screen and (min-width:450px) and (max-width:720px) {
		article {margin-left: 5%; margin-right: 5%; margin-top: 5%; margin-bottom: 5%; padding: 2em; text-align: left;}
		aside {padding: 1em 2em;}
		body {margin: 0; background-color: #b3b3b3; position: relative;}
		div.icon {width: 30px; height: 3px; margin: 6px 0;}
		p, td {font-size: 1em;}
		.description {font-size: 0.8em;}
		.logo {width: 150%;}
		.cover {width: 90%;}
		.caputleft {font-size: 1.4em;}
		.capitulum {font-size:1.1em;}}
			
	@media only screen and (min-width:720px) and (max-width:950px) {
		article {margin-left: 10%; margin-right: 10%; margin-top: 5%; margin-bottom: 5%; padding: 4em; padding-top: 3em; text-align: left; }
		aside {padding: 1em 3em;}
		body {margin: 0; background-color: #808080; position: relative;}
		div.icon {width: 40px; height: 4px; margin: 8px 0;}
		p, td {font-size: 1.1em;}
		.description {font-size: 0.9em;}
		.logo {width: 150%;}
		.cover {width: 80%;}
		.caputleft {font-size: 1.6em;}
		.capitulum {font-size:1.3em;}}	
			
	@media only screen and (min-width:950px) and (max-width:1224px) {
		article {margin-left: 15%; margin-right: 15%; margin-top: 5%; margin-bottom: 5%; padding: 6em; padding-top: 3em; text-align: left; }
		aside {padding: 1em 3em;}
		body {margin: 0; background-color: #4d4d4d; position: relative;}
		p, td {font-size: 1.2em;}
		.description {font-size: 1em;}
		.logo {width: 150%;}
		.cover {width: 70%;}
		.caputleft {font-size: 1.8em;}
		.capitulum {font-size:1.3em;}}
		
	@media only screen and (min-width:1224px) {
		article {margin-left: 15%; margin-right: 15%; margin-top: 5%; margin-bottom: 5%; padding: 10em; padding-top: 3em; text-align: left; }
		aside {padding: 1em 3em;}
		body {margin: 0; background-color: #333333; position: relative;}
		p, td {font-size: 1.2em;}
		.description {font-size: 1.1em;}
		.logo {width: 150%;}
		.cover {width: 70%;}
		.caputleft {font-size: 2em;}
		.capitulum {font-size:1.5em;}}
		
	@media screen and (max-width: 600px) {
		.column {width: 100%;}}