* {
    box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 33.33%;
    padding: 15px;
	
}

/* Create two equal columns that floats next to each other */
.column-II {
    float: left;
    width: 50%;
    padding: 10px;
    
}

/* Create a columns that floats next*/
.column-A {
    float: left;
    width: 33.33%;
    padding: 10px;
    
}

/* Create a columns that floats next*/
.column-B {
    float: left;
    width: 66.67%;
    padding: 10px;
    
}


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the columns stack on top of each other instead of next to each other */
@media (max-width:600px) {
    .column {
        width: 100%;
    }
	
	.column-A {
        width: 100%;
    }
	
	.column-B {
        width: 100%;
    }
	
	.column-II {
        width: 100%;
    }
}