/*	DEFAULT SETTINGS:
        MOBILE: 600px & below
        TABLET: 600px - 900px
        DSKTOP: 900px & up
*/

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/***** GRID *****/
.container {
    width:100%; /* CHANGE TO PX SIZE IF NOT RESPONSIVE */
    margin:0 auto;
}

.fullwrapper {
    margin:0 auto;
    width: 100%;
}

.wrapper {
    margin:0 auto;
    max-width:1440px; /* DELETE FOR FULL WIDTH SITE */

}

.innerwrapper {
    margin:0 auto;
    max-width:1440px; /* DELETE FOR FULL WIDTH SITE */

}

.column {
    float:left;
    padding:1em 2.5%;
}


.column.full {
    width:100%;
}
.column.twothirds {
    width:66.666666%;
}
.column.threefourths {
    width:75%;
}
.column.fourfifths {
    width:80%;
}
.column.fivesixths {
    width:83.333333%;
}
.column.threequarter {
    width:75%;
}
.column.half {
    width:50%;
}
.column.third {
    width:33.333333%;
}


.column.fourth {
    width:25%;
}
.column.fifth {
    width:20%;
}
.column.sixth {
    width:16.666666%;
}


/***** TOOLS *****/
.center {
    float:none;
    margin:auto;
}
.nospace {
    padding:0 !important;
    margin:0 !important;
}
.flowopposite {
    float:right;
}
.nopadding {
    padding:0 !important;
}
.clearall {
    clear:both;
}


/***** TURN OFFS *****/
@media (max-width:700px) {
    .column {
        float:none;
        width:100% !important;
    }
}



/***** TURN OFFS *****/
@media (min-width:900px) {
    .nodesktop {
        display:none;
    }
}
@media (max-width:900px) {
    .notablet {
        display:none;
    }
}
@media (max-width:600px) {
    .nomobile {
        display:none;
    }
}