body {
  width: 100%;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 6%;
}

.container_12 .grid_2 {
  width: 14%;
}

.container_12 .grid_3 {
  width: 20%;
}

.container_12 .grid_4 {
  width: 31%;
}

.container_12 .grid_5 {
  width: 38%;
}

.container_12 .grid_6 {
  width: 48%;
}

.container_12 .grid_7 {
  width: 56%;
}

.container_12 .grid_8 {
  width: 64%;
}

.container_12 .grid_9 {
  width: 73%;
}

.container_12 .grid_10 {
  width: 81%;
}

.container_12 .grid_11 {
  width: 90%;
}

.container_12 .grid_12 {
  width: 98%;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 8.3%;
}

.container_12 .prefix_2 {
  padding-left: 16%;
}

.container_12 .prefix_3 {
  padding-left: 25%;
}

.container_12 .prefix_4 {
  padding-left: 33%;
}

.container_12 .prefix_5 {
  padding-left: 41%;
}

.container_12 .prefix_6 {
  padding-left: 50%;
}

.container_12 .prefix_7 {
  padding-left: 58%;
}

.container_12 .prefix_8 {
  padding-left: 66%;
}

.container_12 .prefix_9 {
  padding-left: 75%;
}

.container_12 .prefix_10 {
  padding-left: 83%;
}

.container_12 .prefix_11 {
  padding-left: 91%;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 8.3%;
}

.container_12 .suffix_2 {
  padding-right: 16%;
}

.container_12 .suffix_3 {
  padding-right: 25%;
}

.container_12 .suffix_4 {
  padding-right: 33%;
}

.container_12 .suffix_5 {
  padding-right: 41%;
}

.container_12 .suffix_6 {
  padding-right: 50%;
}

.container_12 .suffix_7 {
  padding-right: 58%;
}

.container_12 .suffix_8 {
  padding-right: 66%;
}

.container_12 .suffix_9 {
  padding-right: 75%;
}

.container_12 .suffix_10 {
  padding-right: 83%;
}

.container_12 .suffix_11 {
  padding-right: 91%;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 8.3%;
}

.container_12 .push_2 {
  left: 16%;
}

.container_12 .push_3 {
  left: 25%;
}

.container_12 .push_4 {
  left: 33%;
}

.container_12 .push_5 {
  left: 41%;
}

.container_12 .push_6 {
  left: 50%;
}

.container_12 .push_7 {
  left: 58%;
}

.container_12 .push_8 {
  left: 66%;
}

.container_12 .push_9 {
  left: 75%;
}

.container_12 .push_10 {
  left: 83%;
}

.container_12 .push_11 {
  left: 91%;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -8.3%;
}

.container_12 .pull_2 {
  left: -16%;
}

.container_12 .pull_3 {
  right: : -25%;
}

.container_12 .pull_4 {
  left: -33%;
}

.container_12 .pull_5 {
  left: -41%;
}

.container_12 .pull_6 {
  left: -50%;
}

.container_12 .pull_7 {
  left: -58%;
}

.container_12 .pull_8 {
  left: -66%;
}

.container_12 .pull_9 {
  left: -75%;
}

.container_12 .pull_10 {
  left: -83%;
}

.container_12 .pull_11 {
  left: -91%;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 959px){
.container_12{
    width: 100%;
  }
}
@media screen and (max-width: 736px){
  .container_12{
    width: 100%;
  }
  .container_12 .grid_1 {
    width: 100%;
  }

  .container_12 .grid_2 {
    width: 100%;
   }

  .container_12 .grid_3 {
    width: 100%;
   }

  .container_12 .grid_4 {
    width: 100%;
  }

  .container_12 .grid_5 {
    width: 100%;
  }

  .container_12 .grid_6 {
    width: 100%;
  }

  .container_12 .grid_7 {
    width: 100%;
  }

  .container_12 .grid_8 {
    width: 100%;
  }

  .container_12 .grid_9 {
    width: 100%;
  }

  .container_12 .grid_10 {
    width: 100%;
  }

  .container_12 .grid_11 {
    width: 100%;
  }

  .container_12 .grid_12 {
    width: 100%;
  }
  
  
  .container_12 .prefix_1 {
    padding-left: 0%;
  }

  .container_12 .prefix_2 {
    padding-left: 0%;
  }

  .container_12 .prefix_3 {
    padding-left: 0%;
  }

  .container_12 .prefix_4 {
    padding-left: 0%;
  }

  .container_12 .prefix_5 {
    padding-left: 0%;
  }

  .container_12 .prefix_6 {
    padding-left: 0%;
  }

  .container_12 .prefix_7 {
    padding-left: 0%;
  }

  .container_12 .prefix_8 {
    padding-left: 0%;
  }

  .container_12 .prefix_9 {
    padding-left: 0%;
  }

  .container_12 .prefix_10 {
    padding-left: 0%;
  }

  .container_12 .prefix_11 {
    padding-left: 0%;
  }

  /* `Suffix Extra Space >> 12 Columns
  ----------------------------------------------------------------------------------------------------*/

  .container_12 .suffix_1 {
    padding-right: 0%;
  }

  .container_12 .suffix_2 {
    padding-right: 0%;
  }

  .container_12 .suffix_3 {
    padding-right: 0%;
  }

  .container_12 .suffix_4 {
    padding-right: 0%;
  }

  .container_12 .suffix_5 {
    padding-right: 0%;
  }

  .container_12 .suffix_6 {
    padding-right: 0%;
  }

  .container_12 .suffix_7 {
    padding-right: 0%;
  }

  .container_12 .suffix_8 {
    padding-right: 0%;
  }

  .container_12 .suffix_9 {
    padding-right: 0%;
  }

  .container_12 .suffix_10 {
    padding-right: 0%;
  }

  .container_12 .suffix_11 {
    padding-right: 0%;
  }

  /* `Push Space >> 12 Columns
  ----------------------------------------------------------------------------------------------------*/

  .container_12 .push_1 {
    left: 0%;
  }

  .container_12 .push_2 {
    left: 0%;
  }

  .container_12 .push_3 {
    left: 0%;
  }

  .container_12 .push_4 {
    left: 0%;
  }

  .container_12 .push_5 {
    left: 0%;
  }

  .container_12 .push_6 {
    left: 0%;
  }

  .container_12 .push_7 {
    left: 0%;
  }

  .container_12 .push_8 {
    left: 0%;
  }

  .container_12 .push_9 {
    left: 0%;
  }

  .container_12 .push_10 {
    left: 0%;
  }

  .container_12 .push_11 {
    left: 0%;
  }

  /* `Pull Space >> 12 Columns
  ----------------------------------------------------------------------------------------------------*/

  .container_12 .pull_1 {
    left: 0%;
  }

  .container_12 .pull_2 {
    left: 0%;
  }

  .container_12 .pull_3 {
    right: : 0%;
  }

  .container_12 .pull_4 {
    left: 0%;
  }

  .container_12 .pull_5 {
    left: 0%;
  }

  .container_12 .pull_6 {
    left: 0%;
  }

  .container_12 .pull_7 {
    left: 0%;
  }

  .container_12 .pull_8 {
    left: 0%;
  }

  .container_12 .pull_9 {
    left: 0%;
  }

  .container_12 .pull_10 {
    left: 0%;
  }

  .container_12 .pull_11 {
    left: 0%;
  }
}


.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

.clearfix,
.container_12 {
  zoom: 1;
}