/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*Grid System*/

*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.puf-responsive{
    overflow-x:auto
}

.puf-container:after{
    content:"";
    display:table;
    clear:both
}

.puf-container-padding,
.puf-container-padding > .puf-col{
    padding:0 8px
}

.puf-col{
    float:left;
    width:100%
}

.puf-col.s1{
    width:8.33333% !important
}

.puf-col.s2{
    width:16.66666% !important
}
.puf-col.s3{
    width:24.99999% !important
}
.puf-col.s4{
    width:33.33333% !important
}
.puf-col.s5{
    width:41.66666% !important
}
.puf-col.s6{
    width:49.99999% !important
}
.puf-col.s7{
    width:58.33333% !important
}
.puf-col.s8{
    width:66.66666% !important
}
.puf-col.s9{
    width:74.99999% !important
}
.puf-col.s10{
    width:83.33333% !important
}

.puf-col.s11{
    width:91.66666% !important
}

.puf-col.s12{
    width:99.99999% !important
}

@media only screen and (min-width:601px){
    .puf-col.m1{
        width:8.33333% !important
    }

    .puf-col.m2{
        width:16.66666% !important
    }

    .puf-col.m3,
    .puf-quarter{
        width:24.99999% !important
    }
    .puf-col.m4,
    .puf-third{
        width:33.33333% !important
    }

    .puf-col.m5{
        width:41.66666% !important
    }

    .puf-col.m6,
    .puf-half{
        width:49.99999% !important
    }

    .puf-col.m7{
        width:58.33333% !important
    }

    .puf-col.m8,
    .puf-twothird{
        width:66.66666% !important
    }

    .puf-col.m9,
    .puf-threequarter{
        width:74.99999% !important
    }

    .puf-col.m10{
        width:83.33333% !important
    }

    .puf-col.m11{
        width:91.66666% !important
    }

    .puf-col.m12{
        width:99.99999% !important
    }
}

@media only screen and (min-width:993px){
    .puf-col.l1{
      width:8.33333% !important
    }

    .puf-col.l2{
      width:16.66666% !important
    }

    .puf-col.l3,
    .puf-quarter{
      width:24.99999% !important
    }

    .puf-col.l4,
    .puf-third{
      width:33.33333% !important
    }

    .puf-col.l5{
      width:41.66666% !important
    }

    .puf-col.l6,
    .puf-half{
      width:49.99999% !important
    }

    .puf-col.l7{
      width:58.33333% !important
    }

    .puf-col.l8,
    .puf-twothird{
      width:66.66666% !important
    }

    .puf-col.l9,
    .puf-threequarter{
      width:74.99999% !important
    }

    .puf-col.l10{
      width:83.33333% !important
    }
    .puf-col.l11{
      width:91.66666% !important
    }
    .puf-col.l12{
      width:99.99999% !important
    }
}