page editor not displaying div tables

My site http://www.lakecarry renders fine but in the page editor it doesn’t display the tables when i add the following css to the theme:

.premiumtable
{
display: table;
width: auto;
margin: 0 auto;
border: 0px solid #666666;
border-spacing: 5px;
}
.premiumtable-row
{
display: table-row; width: auto; clear: both;
}
.premiumtable-column
{
text-align: center;
float: left;
display: table-column;
border-radius: 25px;
border: 2px solid #23A38F;
padding: 10px;
width: 200px;
height: 250px;
}

then i put the class into my div tag such as premiumtable but in the wordpress page editor it doesn’t display the table and shows up like this http://www.lakecarry.com/wp-content/uploads/2015/11/divtable-problems.jpg

but renders fine in IE, Chrome, Firefox as this

http://www.lakecarry.com/wp-content/uploads/2015/11/divtable-problems-display-correct.jpg

if i put the css in the actual div tag under style it displays correctly in the editor. am i doing something wrong?

Btw i am using divtables because google crawlers won’t look inside actual tables for content.