.section {
  position: relative;
  float: left;
  padding: 10px;
}
.section.col1 {
  width: 8.33%;
}
.section.col1_2 {
  width: 12.5%;
}
.section.col2 {
  width: 16.66%;
}
.section.col2_4,
.section.col2_5 {
  width: 25%;
}
.section.col3,
.section.col3_2 {
  width: 25%;
}
.section.col3 .section {
  float: none;
  width: 100%;
}
.section.col4 {
  width: 33.33%;
}
.section.col4 .section.col4 {
  float: none;
  width: 100%;
}
.section.col4_3,
.section.col4_4,
.section.col4_5,
.section.col4_6 {
  width: 33.33%;
}
.section.col5 {
  width: 20%;
}
.section.col6 {
  width: 50%;
}
.section.col6 .newline {
  clear: both;
}
.section.col6 .section.col3 {
  width: 50%;
}
.section.col6_2,
.section.col6_3 {
  width: 50%;
}
.section.col8 {
  width: 66.66%;
}
.section.col9 {
  width: 75%;
}
.section.col12 {
  float: none;
  width: 100%;
}
.section .right {
  float: right;
}
.section .textwrap {
  float: none;
  display: inline;
}
@media only screen and (min-width: 481px) and (max-width: 959px) {
  .section.col1 {
    width: 16.66%;
  }
  .section.col1_2 {
    width: 25%;
  }
  .section.col2 {
    width: 33.33%;
  }
  .section.col2_4 {
    width: 33.33%;
  }
  .section.col2_4 .large_section {
    width: 50%;
  }
  .section.col3 {
    width: 50%;
  }
  .section.col3 .max3 {
    width: 25%;
  }
  .section.col3 .wrap {
    float: none;
    width: 100%;
  }
  .section.col3 .section.col8 {
    width: 66.66%;
  }
  .section.col3 .section.col6 {
    width: 50%;
  }
  .section.col3 .section.col4 {
    width: 33.33%;
  }
  .section.col4 {
    width: 33.33%;
  }
  .section.col4 .min4 {
    float: none;
    width: 100%;
  }
  .section.col4 .section.col4 {
    width: 50%;
  }
  .section.col4_4,
  .section.col4_6 {
    width: 50%;
  }
  .section.col6 {
    width: auto;
    float: none;
  }
  .section.col8 {
    width: 66.66%;
  }
  .section.col8 .min8 {
    float: none;
    width: 100%;
  }
  .section.col9 {
    float: none;
    width: 100%;
  }
  .section .right {
    float: right;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .section.col2_4,
  .section.col4_3 {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .section.col6_2 {
    float: none;
    width: 100%;
  }
  .section.col4_5 {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .section.col4_5,
  .section.col4_6,
  .section.col2_5,
  .section.col5,
  .section.col6_3 {
    float: none;
    width: 100%;
  }
  .section.col3_2 {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .section.col1 {
    width: 25%;
  }
  .section.col1_2 {
    width: 50%;
  }
  .section.col2 {
    width: 50%;
  }
  .section.col2_4 {
    float: none;
    width: 100%;
  }
  .section.col2_4 .large_section {
    float: none;
    width: 100%;
  }
  .section.col3 {
    float: none;
    width: 100%;
  }
  .section.col3 .max3 {
    width: 50%;
  }
  .section.col3 .wrap {
    float: none;
    width: 100%;
  }
  .section.col3 .section.col8,
  .section.col3 .section.col6,
  .section.col3 .section.col4 {
    float: none;
    width: 100%;
  }
  .section.col3_2,
  .section.col4,
  .section.col4 .section.col4,
  .section.col4_3,
  .section.col4_4,
  .section.col6,
  .section.col6 .section.col3,
  .section.col8,
  .section.col9 {
    float: none;
    width: 100%;
  }
}