@charset "utf-8";
/* CSS Document */

*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin: 0;
    padding: 0;
}

/*** Don't forget mobile first ***/

.wrapper{
    width: 96%;
    margin: 0 auto;
    position: relative;
}

.row{
    width: 100%;
}

.row:after{
    content: '';
    clear:both;
    display: block;
    height:0;
    visibility: hidden;
}


*[class*="col"]{
    padding: 0 1%;
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%;
    margin-bottom: 0.5rem;
}

.col-xs-1{
    width:8.333%;
}

.col-xs-2{
    width:16.667%;
}

.col-xs-3{
    width:25%;
}

.col-xs-4{
    width:33.333%;
}

.col-xs-5{
    width:41.667%;
}

.col-xs-6{
    width:50%;
}

.col-xs-7{
    width:58.33%;
}

.col-xs-8{
    width:66.667%;
}

.col-xs-9{
    width:75%;
}

.col-xs-10{
    width:83.333%;
}

.col-xs-11{
    width:91.667%;
}

.col-xs-12{
    width:100%;
}



/*** Small Devices ***/
@media screen and (min-width: 480px) {
    .wrapper{
        width: 100%;
        max-width: 750px;
    }
    .col-sm-1{
        width:8.333%;
    }

    .col-sm-2{
        width:16.667%;
    }

    .col-sm-3{
        width:25%;
    }

    .col-sm-4{
        width:33.333%;
    }

    .col-sm-5{
        width:41.667%;
    }

    .col-sm-6{
        width:50%;
    }

    .col-sm-7{
        width:58.33%;
    }

    .col-sm-8{
        width:66.667%;
    }

    .col-sm-9{
        width:75%;
    }

    .col-sm-10{
        width:83.333%;
    }

    .col-sm-11{
        width:91.667%;
    }

    .col-sm-12{
        width:100%;
    }
}

/*** Medium Devices ***/
@media screen and (min-width: 767px){
    .wrapper{
        max-width: 1024px;
    }
    .col-md-1{
        width:8.333%;
    }

    .col-md-2{
        width:16.667%;
    }

    .col-md-3{
        width:25%;
    }

    .col-md-4{
        width:33.333%;
    }

    .col-md-5{
        width:41.667%;
    }

    .col-md-6{
        width:50%;
    }

    .col-md-7{
        width:58.33%;
    }

    .col-md-8{
        width:66.667%;
    }

    .col-md-9{
        width:75%;
    }

    .col-md-10{
        width:83.333%;
    }

    .col-md-11{
        width:91.667%;
    }

    .col-md-12{
        width:100%;
    }
}

/*** Large Devices ***/
@media screen and (min-width: 1024px){
    .wrapper{
        max-width: 1024px;
    }
    .col-lg-1{
        width:8.333%;
    }

    .col-lg-2{
        width:16.667%;
    }

    .col-lg-3{
        width:25%;
    }

    .col-lg-4{
        width:33.333%;
    }

    .col-lg-5{
        width:41.667%;
    }

    .col-lg-6{
        width:50%;
    }

    .col-lg-7{
        width:58.33%;
    }

    .col-lg-8{
        width:66.667%;
    }

    .col-lg-9{
        width:75%;
    }

    .col-lg-10{
        width:83.333%;
    }

    .col-lg-11{
        width:91.667%;
    }

    .col-lg-12{
        width:100%;
    }
}