body {font: 15px/21px Georgia;width:1000px;margin:50px auto;color:#444;}
a {color:#55f;}
a:hover {background:#eee;padding:3px 0px;color:#00d;}
li {margin-bottom:8px;}
code, pre {line-height:1.3em;}
pre {border:1px dotted #333;padding:10px;}
blockquote {background:#f5f5f5;padding:1px 15px;font-style:italic;}

#header {text-align:center;display:table;margin:0px auto;}
#header h3{font-size:60px;line-height: 60px;margin:0px;letter-spacing:0.1em;font-family:Baskerville,Garamond,Georgia;text-shadow:7px 7px 4px gray;}
#header h3 a {text-decoration:none;color:#000;}
#header h4 {font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS";color:#777;font-style:italic;letter-spacing:0.1em;}

ul#nav {list-style:none;border-top:1px dotted #555;padding-top:10px;height:35px;}
ul#nav li {float:left;margin:-5px 10px;}
ul#nav li a {display:block;padding:7px;text-decoration:none;font: 1.0em/1.5em "Lucida Grande","Lucida Sans Unicode","Trebuchet MS";color:#55f;text-shadow:1px 1px 1px #bbb;}
ul#nav li#active {background:#eee;}
ul#nav li#active a, ul#nav a:hover {color:#009;padding:7px;text-shadow:1px 1px 1px #444;}

#content {display: table;margin: 0 auto;max-width: 80%;}
#content h1 {text-shadow:2px 2px 1px #aaa;margin-bottom:7px;margin-top:15px;font-size:28px;line-height:27px;}
#content h2 {margin-bottom:7px;margin-top:15px;text-shadow:1px 1px 1px #bbb;font-size:25px;line-height:23px;}
#content h3 {margin-bottom:7px;margin-top:15px;text-shadow:1px 1px 1px #ccc;font-size:22px;line-height:20px;}
#content h4 {margin-bottom:7px;margin-top:15px;text-shadow:1px 1px 1px #ddd;font-size:20px;line-height:18px;}
#content img {border:2px solid #aaa;border-top:none;border-left:none;max-width:100%;height:auto;}
#footer {border-top: 1px dotted #333;font-size:0.9em;color:#777;margin:40px;letter-spacing:0.04em;}
#footer p {text-align:center;}
#footer p a {color:#aaf;}

fieldset#contact-form {margin:20px 0px 20px 40px;background:#eee;padding:10px;color:#000;width:400px;}
fieldset#contact-form label {font-size:14px;}
fieldset#contact-form input {height:20px;font-size:16px;margin-bottom:15px;}
fieldset#contact-form textarea {font-size:16px;margin-bottom:15px;width:380px;}
fieldset#contact-form #contact-button {font-size:15px;height:30px;margin-left:30px;}
#content hr {margin:30px 10px;border:1px solid #ccc;}
@media (max-width:1050px) {
body {width: 100%;}
fieldset#contact-form textarea {
    width: 98%;
}
	}
@media (max-width:767px) {
#header h3 {
    font-size: 45px;
    line-height: 45px;
}
#content {display: block;}
}
@media (max-width:700px) {
#header h3 {
    font-size: 35px;
    line-height: 33px;
}
fieldset#contact-form {
    width: 85%;margin:0 auto;
}
#content h1 {font-size:22px;line-height:20px;}
#content h2 {font-size:20px;line-height:18px;}
#content h3 {font-size:19px;line-height:17px;}
#content h4 {font-size:18px;line-height:16px;}
}
@media (max-width:480px) {
#content {
    max-width: 92%;
}
#header h3 {
    font-size: 28px;
    line-height: 35px; max-width: 97%;
}
#header h4 {line-height:14px;
    font-size: 14px;}
#content img {float:none!important;clear:both;padding:0;border:none;}
#content ul {
    padding-left: 15px;
}
blockquote {
    margin: 0;
}
}
@media (max-width:375px) {

}