/* ######## RESPONSIVE GRID ######## */ 
/* WIDE SCREEN */
@media screen and (min-width:992px){

  .about-container {
    flex-direction: row;
  }

  .grid-w-1-of-12 {
    width: 8.33%;
  }

  .grid-w-2-of-12 {
    width: 16.66%;
  }

  .grid-w-3-of-12 {
    width: 25%;
  }

  .grid-w-4-of-12 {
    width: 33.33%;
  }

  .grid-w-5-of-12 {
    width: 41.66%;
  }

  .grid-w-6-of-12 {
    width: 50%;
  }

  .grid-w-7-of-12 {
    width: 58.33%;
  }

  .grid-w-8-of-12 {
    width: 66.66%;
  }

  .grid-w-9-of-12 {
    width: 75%;
  }

  .grid-w-10-of-12 {
    width: 83.33%;
  }

  .grid-w-11-of-12 {
    width: 91.66%;
  }

  .grid-w-12-of-12 {
    width: 100%;
  }

}

/* TABLET SCREEN */
@media screen and (min-width:641px) and (max-width:991px) {

  .about-container {
    flex-direction: row;
  }

  .grid-m-1-of-12 {
    width: 8.33%;
  }

  .grid-m-2-of-12 {
    width: 16.66%;
  }

  .grid-m-3-of-12 {
    width: 25%;
  }

  .grid-m-4-of-12 {
    width: 33.33%;
  }

  .grid-m-5-of-12 {
    width: 41.66%;
  }

  .grid-m-6-of-12 {
    width: 50%;
  }

  .grid-m-7-of-12 {
    width: 58.33%;
  }

  .grid-m-8-of-12 {
    width: 66.66%;
  }

  .grid-m-9-of-12 {
    width: 75%;
  }

  .grid-m-10-of-12 {
    width: 83.33%;
  }

  .grid-m-11-of-12 {
    width: 91.66%;
  }

  .grid-m-12-of-12 {
    width: 100%;
  }
}

/* MOBILE */
@media screen and (max-width: 640px){

  .about-container {
    flex-direction: column;
  }

  .grid-s-1-of-12 {
    width: 8.33%;
  }

  .grid-s-2-of-12 {
    width: 16.66%;
  }

  .grid-s-3-of-12 {
    width: 25%;
  }

  .grid-s-4-of-12 {
    width: 33.33%;
  }

  .grid-s-5-of-12 {
    width: 41.66%;
  }

  .grid-s-6-of-12 {
    width: 50%;
  }

  .grid-s-7-of-12 {
    width: 58.33%;
  }

  .grid-s-8-of-12 {
    width: 66.66%;
  }

  .grid-s-9-of-12 {
    width: 75%;
  }

  .grid-s-10-of-12 {
    width: 83.33%;
  }

  .grid-s-11-of-12 {
    width: 91.66%;
  }

  .grid-s-12-of-12 {
    width: 100%;
  }
}