/*==============
** GRID
=================*/
.c10 {
  width: 10%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c10 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c10 {
      width: 100%; } }

.c18 {
  width: 18%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c18 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c18 {
      width: 100%; } }

.c20 {
  width: 20%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c20 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c20 {
      width: 100%; } }

.c30 {
  width: 30%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c30 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c30 {
      width: 100%; } }

.c33 {
  width: 33%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c33 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c33 {
      width: 100%; } }

.c34 {
  width: 34%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c34 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c34 {
      width: 100%; } }

.c36 {
  width: 36%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c36 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c36 {
      width: 100%; } }

.c50 {
  width: 50%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c50 {
      width: 50%;
      width: 100%; } }
  @media (max-width: 480px) {
    .c50 {
      width: 100%; } }

.c66 {
  width: 66%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c66 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c66 {
      width: 100%; } }

.c70 {
  width: 70%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c70 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c70 {
      width: 100%; } }

.c80 {
  width: 80%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c80 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c80 {
      width: 100%; } }

.c90 {
  width: 90%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .c90 {
      width: 50%; } }
  @media (max-width: 480px) {
    .c90 {
      width: 100%; } }

.c100 {
  width: 100%; }