/* COLOUMNS */
/* Coloumns are based on the window size, the number specifies the number of coloumns it will create */
/* The p specifies that it is a coloumn pair, and it will take the remaining size for a matching coloumn. */
/* col-3 would be 33% of the window while col-3p will be 66%, so it is split into 1/3 and 2/3 */

*{box-sizing:border-box;}
img{display:inline-block; vertical-align:bottom;}
input:focus{outline-style:none;}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-8,.col-10,
.col-3p,.col-4p,.col-5p,.col-6p,.col-8p,.col-10p,
.col-3md,
.col-2sm,.col-4sm,.col-5sm
{
    float:left;
    padding:0px 15px;
}
.col-1{width:100%;}
.col-2{width:50%;}
.col-3{width:33.333%;}
.col-3p{width:66.666%;}
.col-4{width:25%;}
.col-4p{width:75%;}
.col-5{width:20%;}
.col-5p{width:80%;}
.col-6{width:16.6667%;}
.col-6p{width:83.333%;}
.col-8{width:12.5%;}
.col-8p{width:87.5%;}
.col-10{width:10%;}
.col-10p{width:90%;}

.no-padding{padding:0px;}
.hide{display:none;}
.pull-center{float:none;margin:0 auto;}
.pull-right{float:right;}
.full-width{width:100%;}
.center-text{text-align:center;}
.showmd{display:none;}
.right-align{text-align:right;}
.showsm{display:none!important;}
.showxs{display:none!important;}
.center-float{float:none;margin:0 auto;}
.spacer{height:1px;}
.caps{text-transform:uppercase;}
.text-right{text-align:right;}