*			{margin:0; padding:0; box-sizing:border-box;}
.row 		{margin:0 auto; max-width:100%;}
.row:after 	{content:""; display:table;clear:both;}

[class*='col-'] {float:left; padding:1.3em;}
.col-1  {width:100%;}
.col-2  {width:50%;}
.col-3  {width:33.33333%;}
.col-4  {width:25%;}
.col-5  {width:20%;}
.col-6  {width:16.66667%;}
.col-7  {width:14.28571%;}
.col-8  {width:12.5%;}
.col-9  {width:11.11111%;}
.col-10 {width:10%;}
.col-11 {width:9.09091%;}
.col-12 {width:8.33333%;}

.col-15 {width:15%;}
.col-20 {width:20%;}
.col-25 {width:25%;}
.col-30 {width:30%;}
.col-35 {width:35%;}
.col-40 {width:40%;}
.col-45 {width:45%;}
.col-50 {width:50%;}
.col-55 {width:55%;}
.col-60 {width:60%;}
.col-65 {width:65%;}
.col-70 {width:70%;}
.col-75 {width:75%;}
.col-80 {width:80%;}
.col-85 {width:85%;}
.col-90 {width:90%;}
.col-95 {width:95%;}

/* Tablet Landscape (1024px) */
@media only screen and (max-width: 1024px) {
}

/* Tablet Portrait (768px) */
@media only screen and (max-width: 768px) {
.col-2, .col-4, .col-6, .col-8, .col-10, .col-12 {width:50%;}
.col-1, .col-5, .col-7, .col-9, .col-11 {width:100%;}
.col-3  {width:33.33333%;}

.col-15, .col-25, .col-35, .col-45, .col-55, .col-65, .col-75, .col-85, .col-95 {width:100%;}
.col-20, .col-30, .col-40, .col-50, .col-60, .col-70, .col-80, .col-90 {width:100%;}
}

/* Phone Landscape (480px) */
@media only screen and (max-width: 480px) {
.col-4, .col-6, .col-8, .col-10, .col-12 {width:50%;}
.col-1, .col-2, .col-3, .col-5, .col-7, .col-9, .col-11 {width:100%;}
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
.col-1  {width:100%;}
.col-2  {width:100%;}
.col-3  {width:100%;}
.col-4  {width:100%;}
.col-5  {width:100%;}
.col-6  {width:100%;}
.col-7  {width:100%;}
.col-8  {width:100%;}
.col-9  {width:100%;}
.col-10 {width:100%;}
.col-11 {width:100%;}
.col-12 {width:100%;} 
}