body { font-family: Montserrat, sans-serif; }

a { color: #718a5e; }
a:visited { color: #696; } 
a:hover {  }

header { text-align: center; width: 70%; min-width: 600px; margin: 3em auto 0 auto; }
header figure img { width: 600px;  height: 236px;}
header nav { font-size: 1.7em;  margin: .2em 0 2em 0; }
header nav a {color: #758D62; text-decoration: none;}
header nav a:visited { color: #758D62;  }
header nav a:hover {	text-shadow: 0 0 8px #E7D162;  }

main { width: 60%; min-width: 400px; margin: 0 auto; margin-bottom: 3em; font-size: 1.2em; }
main h1 { font-size: 1.4em; color: #48563C; font-weight: normal; }
main h2 { font-size: 1.2em; color:  #718a5e; font-weight: normal; }

main figure#randi { width: 26%; max-width: 200px;  min-width: 150px; float: left;  margin: 0 2em 8em 0;  }
main figure#randi img { border: 1px solid grey; border-radius: 12px; width: 100%; height: 100%; margin-top: 3em;  opacity: .9;}

main p {  }
main ul { list-style-position: inside; }
main ul li {  }
main ul li a {  }
main p a {  }

main section#contactinfo { float: right; }
main .sentmessage { color: gray;  }
main form {  font-family: Montserrat, sans-serif;  width: 40%; float: left; }
main form label { margin: 1em 0; display: block; }
main form input{ font-size: 1.1em; }
main form input#email { width: 100%; padding: .2em; color: #758D62;}
main form textarea { font-family: Montserrat, sans-serif; width: 100%; font-size: 1.3em; padding: .2em; color: #758D62;}

footer { clear: both; width: 80%; margin: 2em auto 2em auto;  text-align: center}
footer nav {  font-weight: bold;  color: gray;  margin: 2em 0;}
footer nav a {color: #758D62; text-decoration: none;}
footer nav a:visited { color: #758D62;  }
footer nav a:hover {	text-shadow: 0 0 8px #E7D162;  }
footer section#address { font-size: .8em; }
footer section#address h2 {color:  #718a5e; }
footer section#copyleft { color: gray; font-size: .8em;}
footer section#copyleft a { color: gray; }

/* Mobile Rules */

@media only screen and (max-device-width: 480px) {
	header {width: 95%; font-size: 2em; }
	header figure img { width: 100%; }
	main {width: 93%; min-width: 95%; font-size: 2.2em;}
	main h1 { font-size: 1.6em; }
	main h2 { font-size: 1.6em; font-weight: normal; }
	main figure#randi { width: 40%; max-width: 40%; min-width: 40% }
	footer { width: 95%; font-size: 1.8em; margin: 2em auto; }
	footer nav {font-weight: normal;}
}