/* === GLOBAL SETTINGS === */

* {
	box-sizing: border-box;
	}


body {
	font-family: times new roman, arial;
	color: #FAF0E6; /* linen */
	line-height: 1.69;
	}

/* === LAYOUT === */
	
.wrapper {
	max-width: 1200px;
	background: #FAF0E6; /* linen */
	margin: 0px auto;
	}

.banner {
	text-align: center;
	background: #4682B4; /* blue  */
	}

.banner h1 {
	margin: 0; 
	padding: 1.6666666666667%;
	text-align: left;
	}

.logo {
	display: block;
	float: right;
	height: 105px;
	width: 125px;
	}

.primary-menu ul {
	list-style-type: none; 
	padding: 0;
	margin: 0;
	background-color: #FAF0E6; /* linen */
	}
	
.primary-menu li {
	display: inline; 
	margin-right: -.25em;
	}
	
.primary-menu a {
	text-decoration: none;
	font-family: times new roman, arial;
	color: #4682B4; /* blue */
	font-weight: bold;
	background-color: #FAF0E6; /* linen */
	display: inline-block;
	padding: 0.2em 0.6em;
	text-align: center;
	border-right: 1px solid white;
	}
	
.primary-menu a:hover {
	background-color: #ADD8E6; /* light blue */
	}
 
	
.writing-image {
	max-width: 100%;
	height: auto;
	}

.me-image {
	float: right;
	padding: 10px;
	}

.epicurus-image {
	max-width: 100%;
	height: auto;
	}
	
.hume-image {
	max-width: 100%;
	height: auto;
	}

.witts-image {
	max-width: 100%;
	height: auto;	
	}
	
.main { /* 900*/ 
	width: 75%;
	padding: 1.6666666666667%; 
	border-right: 4px solid #4682B4;
	float: left;
	color: #2C5172; /* steel blue  */
	background-color: #FAF0E6; /* linen */
	}

.headingthree {
	font-style: italic; 
	}

.sidebar { /* 300 */
	width: 25%;
	padding: 1.6666666666667%;
	float: left;
	color: #2C5172; /* slate grey */
	background-color: #FAF0E6; /* linen */
	font-style: italic; 
	}

/* === TABLE === */

.mytable, table, td, th {
	background-color: #ebf1f9;
	text-align: center;
	padding: 6px;
	border: 1px solid #4682B4; 
	}

caption {
	text-align: left;
	font-weight: bold; 
	}

/* === LIST === */

.equation {
	list-style-type: none;
	color: #2C5172; /* steel blue */  
	font-style: italic;
	}

.list_title {
	color: #2C5172; /* slate grey */
	}
	
	
/* == FORM == */
	
form {
	background-color: #FAF0E6; /* linen */
	}

input[type="text"] {
	width: 20em;
	color: black;
	}


input[type="textarea"] {
	width: 80em;
	height: 8em;
	line-height: 8em;
	color: black;
	}
	
input[type="submit"] {
	background: #00FFFF;
	color: black;
	font-weight: bold;
	padding: .6em;
	width: 15em;
	float: right;
	border-color: black;
	}

.site-footer {
	clear: both;
	height: 3.3333333333333%;
	background: #4682B4; /* blue */
	color: #2C5172; /* steel blue */ 
	text-align: center;
	font-family: cursive, arial;
	padding: 0.8333333333333%;
	}

/* === RESPONSIVE === */


@media (max-width: 767px) {

	.body {
		font-size: 80%;
		}
		
	.main, .sidebar, .form {
		float: none; 
		width: auto;
		}		
	}
	
	@media print {
 
	.wrapper, .banner, .menu, .main, .menu a, .menu a:hover, ul, li {
    border: 0;
    background: none;
    color: #000000;  
    }
   
   .exampleimage {
   	display: none;
   	}
}