.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
@media only screen and (min-width: 768px) and (max-width: 959px) {
 .container { width: 768px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .container { width: 480px; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
 .container { width: 320px; }
}
@media only screen and (max-width: 319px) {
 .container { width: 240px; }
}
body {
 background: #fff;
 font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 color: #444;
 -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
 -webkit-text-size-adjust: 100%;
}
h1, h2, h3 {
 font-family: "Georgia", "Times New Roman", serif;
 font-weight: normal;
}
h1 { font-size: 35px; line-height: 40px; margin-bottom: 10px; color: #BF0000; }
h2 { font-size: 28px; line-height: 34px; margin-bottom: 8px; color: #181818; }
h3 { font-size: 21px; line-height: 30px; margin-bottom: 4px; color: #181818; }
ul { margin-bottom: 20px; padding-left: 20px;}
li { line-height: 18px; margin-bottom: 12px; }
ul.square { list-style: square outside; margin-left: 0px;}
ul ul { margin: 10px 0 5px 20px; font-size: 90%; }