.grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%; }
  .grid:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 680px) {
    .grid {
      width: 640px;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%; }
      .grid:after {
        content: " ";
        display: block;
        clear: both; } }
  @media (min-width: 1000px) {
    .grid {
      width: 960px;
      margin-left: auto;
      margin-right: auto; }
      .grid:after {
        content: " ";
        display: block;
        clear: both; } }

.grid-col-1 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-1 {
      width: 80px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-1 {
  margin-left: 0%; }
  @media (min-width: 1000px) {
    .grid-col-push-1 {
      margin-left: 80px; } }

.grid-col-2 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-2 {
      width: 160px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-2 {
  margin-left: 0%; }
  @media (min-width: 1000px) {
    .grid-col-push-2 {
      margin-left: 160px; } }

.grid-col-3 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-3 {
      width: 240px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-3 {
  margin-left: 0%; }
  @media (min-width: 1000px) {
    .grid-col-push-3 {
      margin-left: 240px; } }

.grid-col-4 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-4 {
      width: 320px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-4 {
  margin-left: 0%; }
  @media (min-width: 680px) {
    .grid-col-push-4 {
      margin-left: 0px; } }
  @media (min-width: 1000px) {
    .grid-col-push-4 {
      margin-left: 320px; } }

.grid-col-5 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-5 {
      width: 400.0px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-5 {
  margin-left: 0%; }
  @media (min-width: 680px) {
    .grid-col-push-5 {
      margin-left: 0px; } }
  @media (min-width: 1000px) {
    .grid-col-push-5 {
      margin-left: 400.0px; } }

.grid-col-6 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-6 {
      width: 480px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-6 {
  margin-left: 0%; }
  @media (min-width: 680px) {
    .grid-col-push-6 {
      margin-left: 0px; } }
  @media (min-width: 1000px) {
    .grid-col-push-6 {
      margin-left: 480px; } }

.grid-col-7 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-7 {
      width: 560.0px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-7 {
  margin-left: 0%; }
  @media (min-width: 680px) {
    .grid-col-push-7 {
      margin-left: 0px; } }
  @media (min-width: 1000px) {
    .grid-col-push-7 {
      margin-left: 560.0px; } }

.grid-col-8 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-8 {
      width: 640px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-8 {
  margin-left: 0%; }
  @media (min-width: 680px) {
    .grid-col-push-8 {
      margin-left: 0px; } }
  @media (min-width: 1000px) {
    .grid-col-push-8 {
      margin-left: 640px; } }

.grid-col-9 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-9 {
      width: 720px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-9 {
  margin-left: 0%; }
  @media (min-width: 680px) {
    .grid-col-push-9 {
      margin-left: 0px; } }
  @media (min-width: 1000px) {
    .grid-col-push-9 {
      margin-left: 720px; } }

.grid-col-10 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-10 {
      width: 800.0px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-10 {
  margin-left: 0%; }
  @media (min-width: 680px) {
    .grid-col-push-10 {
      margin-left: 0px; } }
  @media (min-width: 1000px) {
    .grid-col-push-10 {
      margin-left: 800.0px; } }

.grid-col-11 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-11 {
      width: 880px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-11 {
  margin-left: 0%; }
  @media (min-width: 680px) {
    .grid-col-push-11 {
      margin-left: 0px; } }
  @media (min-width: 1000px) {
    .grid-col-push-11 {
      margin-left: 880px; } }

.grid-col-12 {
  width: 100%;
  float: left;
  padding-left: 1.38889%;
  padding-right: 1.38889%; }
  @media (min-width: 1000px) {
    .grid-col-12 {
      width: 960px;
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }

.grid-col-push-12 {
  margin-left: 0%; }
  @media (min-width: 680px) {
    .grid-col-push-12 {
      margin-left: 0px; } }
  @media (min-width: 1000px) {
    .grid-col-push-12 {
      margin-left: 960px; } }