/*----------------*/
/*-----------------

    Fluid Grid System
    Josh Austin
    9.10.14


-----------------*/
/*---------------*/


/* Base Grid
-------------------------------------------------------------------------*/

    section {
        width: 100%;
    }

    .wrapper {
        position: relative;
        width: 100%;
        max-width: 1350px;
        margin: 0 auto;
        padding: 0;
    }

    .container {
        position: relative;
        margin: 0 auto;
        padding: 0 4%;
    }

    .column, .columns {
        float: left;
        display: inline;
        margin-left: 1.0869565217391304%;
        margin-right: 1.0869565217391304%;
        -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
                 -o-transition: all 0.3s ease-out;
                       transition: all 0.3s ease-out;
     }

     .column-full, .columns-full {
        float: left;
        display: inline;
        padding-left: 1.0869565217391304%;
        padding-right: 1.0869565217391304%;
         -webkit-transition: all 0.3s ease-out;
             -moz-transition: all 0.3s ease-out;
                  -o-transition: all 0.3s ease-out;
                        transition: all 0.3s ease-out;
    }

    .row {
        margin-bottom: 20px;
    }





/* Nested Column Classes
-------------------------------------------------------------------------*/

    .column.alpha, .columns.alpha {
        margin-left: 0;
    }

    .column.omega, .columns.omega {
        margin-right: 0;
    }





/* Clearing
-------------------------------------------------------------------------*/

    .container:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }





/* Large (Desktop)
-------------------------------------------------------------------------*/

    @media only screen and (min-width: 959px) {

        /* Base Grid */
        .lrg-1.column,
        .lrg-1.columns                    { width: 6.159420289855073%; }
        .lrg-2.columns                    { width: 14.492753623188406%; }
        .lrg-3.columns                    { width: 22.82608695652174%; }
        .lrg-4.columns                    { width: 31.15942028985507%; }
        .lrg-5.columns                    { width: 39.492753623188406%; }
        .lrg-6.columns                    { width: 47.82608695652174%; }
        .lrg-7.columns                    { width: 56.15942028985508%; }
        .lrg-8.columns                    { width: 64.4927536231884%; }
        .lrg-9.columns                    { width: 72.82608695652173%; }
        .lrg-10.columns                   { width: 81.15942028985508%; }
        .lrg-11.columns                   { width: 89.4927536231884%; }
        .lrg-12.columns                   { width: 97.82608695652173%; }


        /* Flush Grid */
        .lrg-1.column-full,
        .lrg-1.columns-full               { width: 8.33333333333333%; }
        .lrg-2.columns-full               { width: 16.6666666666667%; }
        .lrg-3.columns-full               { width: 25%; }
        .lrg-4.columns-full               { width: 33.3333333333333%; }
        .lrg-5.columns-full               { width: 41.6666666666667%; }
        .lrg-6.columns-full               { width: 50%; }
        .lrg-7.columns-full               { width: 58.3333333333333%; }
        .lrg-8.columns-full               { width: 66.6666666666667%; }
        .lrg-9.columns-full               { width: 75%; }
        .lrg-10.columns-full              { width: 83.3333333333333%; }
        .lrg-11.columns-full              { width: 91.6666666666667%; }
        .lrg-12.columns-full              { width: 100%; }


        /* Offsets */
        .lrg-offset-1                    { margin-left: 9.42028985507246%; }
        .lrg-offset-2                     { margin-left: 17.7536231884058%; }
        .lrg-offset-3                     { margin-left: 26.0869565217391%; }
        .lrg-offset-4                     { margin-left: 34.4202898550725%; }
        .lrg-offset-5                     { margin-left: 42.7536231884058%; }
        .lrg-offset-6                     { margin-left: 51.0869565217391%; }
        .lrg-offset-7                     { margin-left: 59.4202898550725%; }
        .lrg-offset-8                     { margin-left: 67.7536231884058%; }
        .lrg-offset-9                     { margin-left: 76.0869565217391%; }
        .lrg-offset-10                    { margin-left: 84.4202898550725%; }
        .lrg-offset-11                    { margin-left: 92.7536231884058%; }

    }





/* Medium (Tablet)
-------------------------------------------------------------------------*/

    @media only screen and (min-width: 600px) and (max-width: 959px) {

        /* Base Grid */
        .med-1.column,
        .med-1.columns                    { width: 6.159420289855073%; }
        .med-2.columns                    { width: 14.492753623188406%; }
        .med-3.columns                    { width: 22.82608695652174%; }
        .med-4.columns                    { width: 31.15942028985507%; }
        .med-5.columns                    { width: 39.492753623188406%; }
        .med-6.columns                    { width: 47.82608695652174%; }
        .med-7.columns                    { width: 56.15942028985508%; }
        .med-8.columns                    { width: 64.4927536231884%; }
        .med-9.columns                    { width: 72.82608695652173%; }
        .med-10.columns                   { width: 81.15942028985508%; }
        .med-11.columns                   { width: 89.4927536231884%; }
        .med-12.columns                   { width: 97.82608695652173%; }


        /* Flush Grid */
        .med-1.column-full,
        .med-1.columns-full               { width: 8.33333333333333%; }
        .med-2.columns-full               { width: 16.6666666666667%; }
        .med-3.columns-full               { width: 25%; }
        .med-4.columns-full               { width: 33.3333333333333%; }
        .med-5.columns-full               { width: 41.6666666666667%; }
        .med-6.columns-full               { width: 50%; }
        .med-7.columns-full               { width: 58.3333333333333%; }
        .med-8.columns-full               { width: 66.6666666666667%; }
        .med-9.columns-full               { width: 75%; }
        .med-10.columns-full              { width: 83.3333333333333%; }
        .med-11.columns-full              { width: 91.6666666666667%; }
        .med-12.columns-full              { width: 100%; }


        /* Offsets */
        .med-offset-1                     { margin-left: 6.159420289855073%; }
        .med-offset-2                     { margin-left: 14.492753623188406%; }
        .med-offset-3                     { margin-left: 22.82608695652174%; }
        .med-offset-4                     { margin-left: 31.15942028985507%; }
        .med-offset-5                     { margin-left: 39.492753623188406%; }
        .med-offset-6                     { margin-left: 47.82608695652174%; }
        .med-offset-7                     { margin-left: 56.15942028985508%; }
        .med-offset-8                     { margin-left: 64.4927536231884%; }
        .med-offset-9                     { margin-left: 72.82608695652173%; }
        .med-offset-10                    { margin-left: 81.15942028985508%; }
        .med-offset-11                    { margin-left: 89.4927536231884%; }
        .med-offset-12                    { margin-left: 97.82608695652173%; }

    }





/* Small (Mobile)
-------------------------------------------------------------------------*/

    @media only screen and (min-width: 320px) and (max-width: 599px) {

        /* Base Grid */
        .sm-1.column,
        .sm-1.columns                    { width: 6.159420289855073%; }
        .sm-2.columns                    { width: 14.492753623188406%; }
        .sm-3.columns                    { width: 22.82608695652174%; }
        .sm-4.columns                    { width: 31.15942028985507%; }
        .sm-5.columns                    { width: 39.492753623188406%; }
        .sm-6.columns                    { width: 47.82608695652174%; }
        .sm-7.columns                    { width: 56.15942028985508%; }
        .sm-8.columns                    { width: 64.4927536231884%; }
        .sm-9.columns                    { width: 72.82608695652173%; }
        .sm-10.columns                   { width: 81.15942028985508%; }
        .sm-11.columns                   { width: 89.4927536231884%; }
        .sm-12.columns                   { width: 97.82608695652173%; }


        /* Flush Grid */
        .sm-1.column-full,
        .sm-1.columns-full               { width: 8.33333333333333%; }
        .sm-2.columns-full               { width: 16.6666666666667%; }
        .sm-3.columns-full               { width: 25%; }
        .sm-4.columns-full               { width: 33.3333333333333%; }
        .sm-5.columns-full               { width: 41.6666666666667%; }
        .sm-6.columns-full               { width: 50%; }
        .sm-7.columns-full               { width: 58.3333333333333%; }
        .sm-8.columns-full               { width: 66.6666666666667%; }
        .sm-9.columns-full               { width: 75%; }
        .sm-10.columns-full              { width: 83.3333333333333%; }
        .sm-11.columns-full              { width: 91.6666666666667%; }
        .sm-12.columns-full              { width: 100%; }


        /* Offsets */
        .sm-offset-1                     { margin-left: 6.159420289855073%; }
        .sm-offset-2                     { margin-left: 14.492753623188406%; }
        .sm-offset-3                     { margin-left: 22.82608695652174%; }
        .sm-offset-4                     { margin-left: 31.15942028985507%; }
        .sm-offset-5                     { margin-left: 39.492753623188406%; }
        .sm-offset-6                     { margin-left: 47.82608695652174%; }
        .sm-offset-7                     { margin-left: 56.15942028985508%; }
        .sm-offset-8                     { margin-left: 64.4927536231884%; }
        .sm-offset-9                     { margin-left: 72.82608695652173%; }
        .sm-offset-10                    { margin-left: 81.15942028985508%; }
        .sm-offset-11                    { margin-left: 89.4927536231884%; }
        .sm-offset-12                    { margin-left: 97.82608695652173%; }

    }