/* ========================================================================================================================
Grid CSS (includes base mobile grid styles)
Copyright DesignGoblin
v.1.0 (2013-09-07)
=========================================================================================================================== */

.container .col { float: left; display: inline; }

    /* Base Grid */
    .one      { width: 8.33%;  }
    .two      { width: 16.66%; }
    .three    { width: 25%; }
    .four     { width: 33.33%; }
    .five     { width: 41.66%; }
    .six      { width: 50%; }
    .seven    { width: 58.33%; }
    .eight    { width: 66.66%; }
    .nine     { width: 75%; }
    .ten      { width: 83.33%; }
    .eleven   { width: 91.66%;; }
    .twelve   { width: 100%; }


@media only screen and (max-width: 480px) {

    .one,.two,.three,.four,.five,.six,.seven,.eight,.nine,.ten,.eleven,.twelve   { width: 100%; }
  }





/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }