/******************************************************************************
 *
 * GENERAL LAYOUT
 *
 * This section contains the grid and some provisioning for a fixed-size
 * static footer.
 *
 *****************************************************************************/
html {
  position: relative;
  min-height: 100%;
}

body {
  margin: 0 0 60px;
}

.container {
  box-sizing: border-box;
  margin: 0px auto;
  padding: 0px 15px;
  width: 1020px;
  overflow: auto;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

.footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-top: 30px;
}
.footer .container {
  padding-top: 20px;
  padding-bottom: 20px;
}

.row {
  margin: 0px -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.footer
.span01, .span02, .span03, .span04, .span05, .span06,
.span07, .span08, .span09, .span10, .span11, .span12,
.s-span01, .s-span02, .s-span03, .s-span04, .s-span05, .s-span06,
.s-span07, .s-span08, .s-span09, .s-span10, .s-span11, .s-span12,
.m-span01, .m-span02, .m-span03, .m-span04, .m-span05, .m-span06,
.m-span07, .m-span08, .m-span09, .m-span10, .m-span11, .m-span12,
.l-span01, .l-span02, .l-span03, .l-span04, .l-span05, .l-span06,
.l-span07, .l-span08, .l-span09, .l-span10, .l-span11, .l-span12 {
  box-sizing: border-box;
  float: left;
  padding: 0px 15px;
}

.span01 {
  width: 8.33333333%;
}

.span02 {
  width: 16.66666667%;
}

.span03 {
  width: 25%;
}

.span04 {
  width: 33.33333333%;
}

.span05 {
  width: 41.66666667%;
}

.span06 {
  width: 50%;
}

.span07 {
  width: 58.33333333%;
}

.span08 {
  width: 66.66666667%;
}

.span09 {
  width: 75%;
}

.span10 {
  width: 83.33333333%;
}

.span11 {
  width: 91.66666667%;
}

.span12 {
  width: 100%;
}

@media (min-width: 816px) {
  .container {
    max-width: 100%;
  }

  .l-span01 {
    width: 8.33333333%;
  }

  .l-span02 {
    width: 16.66666667%;
  }

  .l-span03 {
    width: 25%;
  }

  .l-span04 {
    width: 33.33333333%;
  }

  .l-span05 {
    width: 41.66666667%;
  }

  .l-span06 {
    width: 50%;
  }

  .l-span07 {
    width: 58.33333333%;
  }

  .l-span08 {
    width: 66.66666667%;
  }

  .l-span09 {
    width: 75%;
  }

  .l-span10 {
    width: 83.33333333%;
  }

  .l-span11 {
    width: 91.66666667%;
  }

  .l-span12 {
    width: 100%;
  }

  .l-justify {
    text-align: justify;
  }

  .l-left-align {
    text-align: left;
  }

  .l-right-align {
    text-align: right;
  }

  .l-center {
    text-align: center;
  }

  .l-visible {
    display: normal;
  }

  .l-invisible {
    display: none;
  }
}
@media (min-width: 612px) and (max-width: 815px) {
  .container {
    width: 100%;
  }

  .m-span01 {
    width: 8.33333333%;
  }

  .m-span02 {
    width: 16.66666667%;
  }

  .m-span03 {
    width: 25%;
  }

  .m-span04 {
    width: 33.33333333%;
  }

  .m-span05 {
    width: 41.66666667%;
  }

  .m-span06 {
    width: 50%;
  }

  .m-span07 {
    width: 58.33333333%;
  }

  .m-span08 {
    width: 66.66666667%;
  }

  .m-span09 {
    width: 75%;
  }

  .m-span10 {
    width: 83.33333333%;
  }

  .m-span11 {
    width: 91.66666667%;
  }

  .m-span12 {
    width: 100%;
  }

  .m-justify {
    text-align: justify;
  }

  .m-left-align {
    text-align: left;
  }

  .m-right-align {
    text-align: right;
  }

  .m-center {
    text-align: center;
  }

  .m-visible {
    display: normal;
  }

  .m-invisible {
    display: none;
  }
}
@media (max-width: 611px) {
  .container {
    width: 100%;
  }

  .s-span01 {
    width: 8.33333333%;
  }

  .s-span02 {
    width: 16.66666667%;
  }

  .s-span03 {
    width: 25%;
  }

  .s-span04 {
    width: 33.33333333%;
  }

  .s-span05 {
    width: 41.66666667%;
  }

  .s-span06 {
    width: 50%;
  }

  .s-span07 {
    width: 58.33333333%;
  }

  .s-span08 {
    width: 66.66666667%;
  }

  .s-span09 {
    width: 75%;
  }

  .s-span10 {
    width: 83.33333333%;
  }

  .s-span11 {
    width: 91.66666667%;
  }

  .s-span12 {
    width: 100%;
  }

  .s-justify {
    text-align: justify;
  }

  .s-left-align {
    text-align: left;
  }

  .s-right-align {
    text-align: right;
  }

  .s-center {
    text-align: center;
  }

  .s-visible {
    display: normal;
  }

  .s-invisible {
    display: none;
  }
}