nav {text-align: center; margin: 0; font-size: 1.2em; color: #60023C; font-family: Georgia, "Times New Roman", serif;}
.lastnav {font-size:0.7em; color:grey; text-align:center; text-indent:0;}
article {flex:200px; margin: 1%; padding: 1em; color: black; background-color: white; border-bottom: 2px solid #66023C; border-right: 1px solid #66023C;}
article:hover {background-color: #fff2ff;}
.general {background-color: white; margin: 0; border: none;}
.top {border: none; margin: 0;}
.general:hover, .top:hover {background-color: white;}

		body {margin: 0;}
		section {display: flex; flex-wrap: wrap;}
		h1, h2 {margin: 0;}
		h2 {text-align: left; font-weight: normal; font-family: "Times New Roman", serif;} 
		p {font-size: 0.9em; text-align:left; font-family: Palatino, "Palatino Linotype", "Times New Roman", serif;}	
		.author {color: font-family: Georgia, 'Times New Roman', serif; color: #666666;}
		.right {text-align: right;}
		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);}
		a {text-decoration:none; color: black;}
		a:hover {font-style: italic;}
		nav a:hover {font-style: italic; color: #60023C;}
		.intro {font-size: 0.6em;}
		.caput {font-size:1.2em;}
		* { box-sizing: border-box;}
		.column {flex: 50%; padding-right: 5%;}
		.row {display: flex;}
		
		@media only screen and (max-width:450px)
			p {font-size: 0.9em;}
			.firstnav {font-size: 0.6em;}
			.intro {font-size: 0.7em;}
			.capitulum {font-size:1.2em;}
			.logo {width: 110%;}}
			
		@media only screen and (min-width:450px) and (max-width:720px) {
			p {font-size: 1em;}	
			.firstnav {font-size: 0.7em;}
			.intro {font-size: 0.7em;}
			.caput {font-size:1.4em;}
			.capitulum {font-size:1.2em;}
			.logo {width: 90%;}}
		
		@media only screen and (min-width:720px) and (max-width:950px) {
			p {font-size: 1em;}
			.firstnav {font-size: 0.8em;}
			.intro {font-size: 0.7em;}
			.caput {font-size:1.6em;}
			.capitulum {font-size:1.2em;}
			.logo {width: 80%;}}
			
		@media only screen and (min-width:950px) and (max-width:1224px) {
			p {font-size: 1.1em;}
			.firstnav {font-size: 1.0em;}
			.intro {font-size: 0.7;}
			.caput {font-size:1.8em;}
			.capitulum {font-size: 1.3em;}
			.logo {width: 60%;}}
		
		@media only screen and (min-width:1224px) {
			p {font-size: 1.1em;}
			.firstnav {font-size: 1.1em;}
			.intro {font-size: 0.7em;}
			.caput {font-size:2em;}
			.capitulum {font-size: 1.4em;}
			.logo {width: 60%;}}

		@media screen and (max-width: 600px) {
			.column {width: 100%;}}