header, nav, main, footer, figure, figcaption { display: block; 
}
* { box-sizing: border-box; }
body { font-family: Verdana, Arial, sans-serif;
      background-color: #433e49;
}
#wrapper { background-color: #8D918D; 
           color: #000066;
           width: 80%;
		   margin: auto;
} 
#image { float: right;
}
header { background-color: #8D918D; 
        color: #000000; 		
        font-size: 150%; 
        padding: 5px 20px 20px;
}
h1 { margin-bottom: 0;
	font-family: Lucida Handwriting, Verdana, sans-serif; 
	font-size: 2em;
	} 
#tag { padding-right: 20px;
	   font-size: 1em;
	   font-style: italic;
	   text-align: right;
	   color: #000000;
	   float: right;
	   width: 150px;
	   padding-top: 35px;	   
}
#tag a {
	text-decoration: none;
	border: 2px outset #ccc;
}	        
h2 { color: #000000; 
     font-family: arial, sans-serif;
	 font-size: 200%;
}
h4 { color: #000000; 
     font-family: arial, sans-serif;
}
nav { float: left;
	   width: 150px;
	   letter-spacing:0.1em;
	   font-weight: bold;
} 
nav ul { list-style-type: none; 
         margin: 0;
         padding: 0;
}
nav li { padding: 15px;
}
nav a { text-decoration: none; 
}
nav a:link { color: #ffffff; }
nav a:visited { color: #eaeaea; }
nav a:hover {  color: #000000;}
main { margin-left: 155px;
        padding: 20px; 
        background-color: #ffffff;
        color: #000000;
		min-height: 70vh;
} 
figure { margin: 10px;
              float: right;
			  border: 2px #dbc1ad solid;
}
figcaption { font-size: 80%;
               font-style: italic;
			   text-align: center;
}
footer { font-size:70%;
         text-align: center;
		 clear: right;
         padding: 20px;
		 background-color: #BCBEBC;
}
@media only screen and (max-width: 1024px) {
    body { margin: 0; }
    #wrapper { width: auto; }
    main { margin-left: 0; }
    nav { float: none; width: auto; }
    nav li { display: inline-block; padding: 0.5em; }
    nav ul { text-align: center; }
    nav a { border-style: none; }
    h1, h2 { font-size: 120%; }
    p { font-size: 90%; }
	form { width: auto;}
}
@media only screen and (max-width: 768px) {
    h1, h2 { font-size: 100%; }
    p { font-size: 90%; }
    figure { display: none;}
    nav, nav ul, nav li { padding: 0; }
    nav li { display: block; }
    nav a { display: block; padding: 0.5em 0;
            border-bottom: 2px ridge #00005D; }
	form { width: auto;}
}