.clear, .clearfix { clear: both; }
.clear:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
div, span, ul, li, img, header, nav, footer, main, article, aside, section { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }


html, body { position: relative; width: 100%; height: 100%; padding: 0 0; margin: 0 0; }
body { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; background: #43403B; font-size: 1.1rem; line-height: 1.7rem; font-weight: 400; font-family: "Cinzel", serif; color: #fdead1; text-transform: uppercase; }

	a, a:visited { text-decoration: none; color: #fdead1; }
	a:active, a:hover { text-decoration: none; color: #fdead1; }
	
	
	h1, h2, h3, h4, h5, h6 { margin: 0 0 40px; color: #ceac5f; letter-spacing: 0px; line-height: 1em; font-weight: 300; font-family: "Cinzel", serif; text-shadow: none; text-transform: uppercase; }



#page { width: 100%; }

#container { width: 1130px; max-width: 90%; margin: 20px auto; padding: 1px; text-align: center; background: linear-gradient(135deg, #845b21 0%,#9f906b 23%,#845b21 60%,#9f906b 80%); /*box-shadow: 0 10px 60px rgba(0,0,0,0.2);*/ border-radius: 8px; -webkit-border-radius: 8px; }


	#container #gingerbox { background: #43403B; padding: 100px 50px; color: #fdead1; border-radius: 8px; -webkit-border-radius: 8px; }
		#container #gingerbox img { max-width: 80%; width: 270px; height: auto; display: block; margin: 0 auto 50px; }
			#container #gingerbox ul.gingerbox-inner { list-style: none; margin: 0 0; padding: 0 0; letter-spacing: 2px; }
				#container #gingerbox ul.gingerbox-inner li { margin: 0; padding: 0 0; display: inline-block; }
					#container #gingerbox ul.gingerbox-inner li span { display: inline-block; padding: 0 10px; }
				#container #gingerbox strong { font-weight: normal; }
				
			#container #gingerbox h1 { font-size: 3rem; line-height: 3rem; }
			#container #gingerbox h2 { font-size: 2.6rem; line-height: 2rem; margin: 40px 0; }
	
	
	
	
	
	
	
@media only screen and ( max-width: 479px ) {
	body { font-size: 1rem; line-height: 1.4rem; }
	#container { width: 90%; }
	#container #gingerbox { padding: 40px 30px; }
		#container #gingerbox img { width: 180px; margin: 0 auto 20px; }
		#container #gingerbox ul.gingerbox-inner, #container #gingerbox ul.gingerbox-inner li { letter-spacing: 0 !important; display: inline; }
			#container #gingerbox ul.gingerbox-inner li { display: inline; }
		#container #gingerbox h2 { font-size: 2rem; line-height: 2rem; margin: 20px 0; }
}