body {
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	line-height: 20px;
	padding: 20px;
	color: white;
	background: url('escheresque_ste_@2X.png');
	background-attachment: fixed;
	font-family: 'Source Sans Pro', sans-serif;
 }

p { 
	padding: 5px; 
 }

img {
	float:right;
	padding: 10px;
	border: 5px brown solid;
	margin: 10px;
}
#img1 {
    float: right;
 }
 
/* =============== CONTENT ================ */

#content { 
	margin-top: 200px;
 }

.box { 
	position: fixed;
	background-color: white; 
	border: solid navy 2px;
	width: 550px;
	height: 40px;
	top: 75px;
	color: black;
	overflow: auto;
	padding: 20px;
	margin-left: 50px; 
 }
 
h1 { font-family: 'Slabo 27px', serif;
	text-align: center;
	font-size: 20px;
	position: fixed; 
	left: 110px;
	top: 30px; 
	letter-spacing: 1px;
 }
	
h2 { 
	margin: auto;
	font-size: 20px;
	letter-spacing: 4px;
	font-family: 'Slabo 27px', serif;
	color: brown; 
 }
	
h3 { font-size: 	16px; 
	letter-spacing: 2px;
	font-family: 'Slabo 27px', serif;
} 

address { 
	position: absolute; 
	bottom: 20px; 
	opacity: 0.5;
	letter-spacing: 2px; 
 }
	
/* ================ MENU ================== */
 #menu { 
	position: fixed;
	left: 100px;
	top: 250px;
	background-color: #FFF;
	color: #FFF;
	float: left;
	text-align: center;
	border: solid black 1px; 
}

 #menu ul { 
    list-style-type: none;
    margin: 0;
    padding: 0;
 }
 
 #menu li { 
	border: solid black 1px;
	}
	
#menu a:link { 
    text-decoration: none;
	color: black; 
	display: block;
	padding: 4px 7px;
	width: 200px;
	}
	
#menu a:visited { 
    text-decoration: none;
	color: black; }
	
#menu a:hover { 
    background-color: black; 
	padding: 4px 7px;
	color: white;
	text-transform: uppercase; }
	
#menu .curr { 
    background-color: yellow;
	color: black; 
	padding: 4px 7px;
	}
	
/* ============= END OF MENU ============= */

.two-col { 
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
	}

.red { 
	color: red;}