html {
	 box-sizing: border-box;
}
 html * {
	 box-sizing: inherit;
}
 img {
	 max-width: 100%;
	 height: auto;
}
 #container {
	 max-width: 800px;
	 margin: 0 auto;
}
 #container .imgContainer {
	 width: 100%;
	 line-height: 0;
	 font-size: 0;
}
 .image {
	 display: inline-block;
	 padding: 5px;
	 width: 33.33%;
}
 @media (max-width: 400px) {
	 .image {
		 width: 50%;
	}
}
 @media (max-width: 300px) {
	 .image {
		 width: 100%;
	}
}
 .image img {
	 vertical-align: top;
}


body {
  background-color: #FFFAE8;
  color: black;
  margin: 15px 200px;}

h1 {font-family: monaco, Consolas, Lucida Console, monospace; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px;}

h2 {font-family: monaco, Consolas, Lucida Console, monospace; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px;}

h3 {font-family: monaco, Consolas, Lucida Console, monospace; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 26.4px;}

p { font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; }

blockquote { font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; }

.center { display: block; margin-left: auto; margin-right: auto; width: 50%; }