html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

body {
  background-image: url("../assets/bg_tile.gif");
  font-family: 'Open Sans', sans-serif;
  font-size: 12px; }

.header-container {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto; }
  .header-container::after {
    clear: both;
    content: "";
    display: table; }
  .header-container .head1, .header-container .head2 {
    height: 197px; }
  .header-container .head1 {
    float: left;
    display: block;
    margin-right: 0%;
    width: 58.3333333333%;
    background-image: url("../assets/head1.gif");
    width: 475px; }
    .header-container .head1:last-child {
      margin-right: 0; }
  .header-container .head2 {
    float: left;
    display: block;
    margin-right: 0%;
    width: 41.6666666667%;
    background-image: url("../assets/head2.gif");
    width: 288px; }
    .header-container .head2:last-child {
      margin-right: 0; }

.main {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../assets/bg2.jpg"); }
  .main::after {
    clear: both;
    content: "";
    display: table; }

footer {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../assets/bg2-base.png");
  padding-top: 50px;
  padding-right: 30px;
  height: 300px; }
  footer::after {
    clear: both;
    content: "";
    display: table; }

h1 {
  font-family: 'Marck Script', cursive;
  font-size: 34px;
  margin: 0 0 10px 0; }

h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #BC1F02;
  margin: 0 0 10px 0; }

h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #BC1F02;
  margin: 0 0 10px 0; }

.nav::after {
  clear: both;
  content: "";
  display: table; }
.nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.header.nav {
  padding: 0;
  max-width: 755px;
  margin: 0 4px; }
  .header.nav li {
    float: left;
    display: block;
    margin-right: 0%;
    width: 16.6666666667%;
    text-align: center;
    background: rgba(255, 255, 255, 0.25); }
    .header.nav li:last-child {
      margin-right: 0; }
    .header.nav li:first-child {
      margin-left: 33.3333333333%; }
    .header.nav li a {
      color: #222;
      font-weight: bold;
      font-size: 13px;
      text-decoration: none;
      width: 100%;
      text-align: center;
      padding: 4px 0;
      display: block; }
    .header.nav li:hover {
      background: rgba(255, 255, 255, 0.5); }
      .header.nav li:hover a {
        color: #BC1F02; }

.side.nav {
  float: left;
  display: block;
  margin-right: 0%;
  width: 16.6666666667%;
  padding: 10px 0 10px 4px;
  text-transform: uppercase;
  font-size: 10px; }
  .side.nav:last-child {
    margin-right: 0; }
  .side.nav .panel {
    background: #222; }
    .side.nav .panel h3 {
      color: #fff;
      padding: 10px 8px 10px;
      text-align: center; }
    .side.nav .panel ul {
      padding: 5px 8px 5px; }
      .side.nav .panel ul li a {
        display: block;
        padding: 1px;
        color: #fff;
        text-decoration: none; }
        .side.nav .panel ul li a:hover {
          color: #d1d1d1; }
      .side.nav .panel ul ul {
        padding: 0 0 0 6px;
        margin-bottom: 20px; }
        .side.nav .panel ul ul li:before {
          content: '-';
          position: absolute;
          color: #fff;
          padding: 1px 0; }
        .side.nav .panel ul ul li a {
          margin-left: 5px; }
    .side.nav .panel .youtube {
      max-width: 100%; }

.content {
  float: left;
  display: block;
  margin-right: 0%;
  width: 83.3333333333%;
  padding: 10px 50px 10px 20px; }
  .content:before {
    content: '';
    display: block;
    position: relative;
    width: 280px;
    height: 440px;
    background: transparent;
    float: right; }
  .content:last-child {
    margin-right: 0; }

.blocks {
  float: left;
  display: block;
  margin-right: 0%;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-top: 10px;
  margin-bottom: 30px; }
  .blocks:last-child {
    margin-right: 0; }
  .blocks .block-2 {
    float: left;
    display: block;
    margin-right: 0%;
    width: 50%; }
    .blocks .block-2:last-child {
      margin-right: 0; }
    .blocks .block-2 img {
      display: block;
      margin: 0 auto; }
  .blocks .block-3 {
    float: left;
    display: block;
    margin-right: 0%;
    width: 33.3333333333%; }
    .blocks .block-3:last-child {
      margin-right: 0; }
  .blocks img {
    margin: 0 auto;
    display: block; }
  .blocks p {
    padding: 10px 9px 2px;
    text-align: center;
    margin: 0; }

.notes {
  float: left;
  display: block;
  margin-right: 0%;
  width: 100%;
  margin-bottom: 10px;
  text-align: center; }
  .notes:last-child {
    margin-right: 0; }
  .notes p {
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold; }

.copyright {
  float: left;
  display: block;
  margin-right: 0%;
  width: 100%;
  text-align: center;
  margin-bottom: 10px; }
  .copyright:last-child {
    margin-right: 0; }