/* grid system */
.row {margin-left:-15px; margin-right:-15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.row:before,.row:after {display:table;line-height:0;content:""}
.row:after {clear:both}
.row.no-margin { margin: 0 auto; }
.row.margin { margin-top: 50px; }
.row.margin-top { margin: 15px auto 0 auto; }



/* general */
.center { text-align: center; }
.uppercase { text-transform: uppercase; }
.text-right { text-align: right; }
.fl { float: left; }
.fr,  [class*="colw-"].fr { float: right; }

[class*="colw-"]{float:left; padding:0 15px; box-sizing:border-box;}
.colw-100 {width:100%;}
.colw-90 {width:90%;}
.colw-85 {width:85%;}
.colw-80 {width:80%;}
.colw-75 {width:75%;}
.colw-70 {width:70%;}
.colw-66 {width:66.666%;}
.colw-60 {width:60%;}
.colw-50 {width:50%;}
.colw-40 {width:40%;}
.colw-33 {width:33.333%;}
.colw-30 {width:30%;}
.colw-25 {width:25%;}
.colw-20 {width:20%;}
.colw-15 {width:15%;}
.colw-10 {width:10%;}

.rel { position: relative; }

.hidden { display: none !important; }

.wrapper {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.wrapper.wide {
    width: 1300px;
}

.wrapper.narrow {
    width: 960px;
}

.wrapper.narrower {
    width: 640px;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.table-row {
    display: table-row;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.no-margin { margin: 0; }

.desktop {display: initial;}
.mobile { display: none; }

/* small screens and devices */
@media all and ( max-width: 1200px ) {
    .desktop { display: none; }
    .mobile {display: initial;}

    .wrapper,
    .wrapper.narrow,
    .wrapper.narrower {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }

    body {
        font-size: 14px;
    }

    .colw-md-100 {width:100%;}
    .colw-md-90 {width:90%;}
    .colw-md-80 {width:80%;}
    .colw-md-70 {width:70%;}
    .colw-md-66 {width:66.666%;}
    .colw-md-60 {width:60%;}
    .colw-md-50 {width:50%;}
    .colw-md-40 {width:40%;}
    .colw-md-33 {width:33.333%;}
    .colw-md-30 {width:30%;}
    .colw-md-25 {width:25%;}
    .colw-md-20 {width:20%;}
    .colw-md-10 {width:10%;}
}

@media all and ( max-width: 640px ) {
    .colw-sm-100 {width:100%;}
    .colw-sm-90 {width:90%;}
    .colw-sm-80 {width:80%;}
    .colw-sm-70 {width:70%;}
    .colw-sm-66 {width:66.666%;}
    .colw-sm-60 {width:60%;}
    .colw-sm-50 {width:50%;}
    .colw-sm-40 {width:40%;}
    .colw-sm-33 {width:33.333%;}
    .colw-sm-30 {width:30%;}
    .colw-sm-25 {width:25%;}
    .colw-sm-20 {width:20%;}
    .colw-sm-10 {width:10%;}
}

@media all and ( max-width: 480px ) {
    body {
        font-size: 12px;
    }

    .colw-xs-100 {width:100%;}
    .colw-xs-90 {width:90%;}
    .colw-xs-80 {width:80%;}
    .colw-xs-70 {width:70%;}
    .colw-xs-66 {width:66.666%;}
    .colw-xs-60 {width:60%;}
    .colw-xs-50 {width:50%;}
    .colw-xs-40 {width:40%;}
    .colw-xs-33 {width:33.333%;}
    .colw-xs-30 {width:30%;}
    .colw-xs-25 {width:25%;}
    .colw-xs-20 {width:20%;}
    .colw-xs-10 {width:10%;}
}