html, body { padding: 0px; margin: 0px; }
body { text-align: center; padding-top: 9em; }

h1, h3 { font-family: serif; letter-spacing: 1px; line-height: 0.2em; }
h1 { font-size: 2.5em; }

a, a:visited { color: #000000; }

.FR { float: right; }
.FL { float: left; }
.BG { background: #000000; }
.BG, .BG a, .BG a:visited { color: #ffffff; text-decoration: none; }

header { position: fixed; top: 0px; left: 0px; width: 100%; background: #ffffff; z-index: 99; }
nav { padding: 1em 0px; font-family: sans-serif; box-shadow: 0px 6px 4px 0px #000000; }
nav a { margin: 0px 2em; text-transform: uppercase; outline: none; }

.w100 { width: 100%; }
.hidden { display: none; }
.clear { clear: both; }

content { color: #282828; font-family: sans-serif; line-height: 1.6em; }
content > div { float: none; margin: auto; max-width: 1024px; }
content * { text-align: left; }
content p { text-indent: 2em; }
content li { margin-bottom: 1em; }
content .name { font-family: serif; font-size: 1.5em; }
content h2 { font-variant: small-caps; }
content div img { margin: 2em; max-width: 40%; }
content div img.FR { margin-right: 0px; margin-top: 0px; }
content div img.FL { margin-left: 0px; margin-top: 0px; }

footer { letter-spacing: 1px; font-size: 0.9em; line-height: 1.4em; padding: 2em 0px; border-top: 1px #cfcfcf solid; }
footer span { font-size: 1.4em; font-weight: bold; }

form { width: 600px; max-width: 100%; }
form * { width: 100%; padding: 0.5em; margin-bottom: 1em; border: 1px #c8c8c8 solid; }
form input[type=submit] { text-align: center; font-weight: bold; border: 0px; padding: 1em 0.5em; }
form p { box-sizing: border-box; text-indent: 0px; text-align: center; }

.banner { position: relative; width: 100%; height: 350px; overflow: hidden; }
.banner img { position: absolute; width: 100%; max-width: 100%; left: 0px; top: 0px; margin: 0px; }
/*#about .banner { background-image: url(images/item_1.thumbnail.carousel-img.740.416.jpg); }*/

@media only screen and (max-width: 995px) {
	content > div { padding: 0px 2em; }
	content p, content li { text-align: justify; }
	content div img.mobbig { width: 50%; max-width: 100%; margin-left: 0px; }
}
@media only screen and (max-device-width: 767px) {
	body { font-size: 2em; }
	footer { font-size: 0.75em; }
	content div img.mobfull { width: 100%; margin-left: 0px; }
}