body {  margin: 0; padding: 0; box-sizing: border-box; min-height: 100vh; }

.cn-main { position: relative; min-height: 100vh; }

.header { top: 0; width: 99%; display: inline-block; text-align: left;  margin: 0px;  background: #292929; color: white; height: 80px; }

.header-img { padding-left: 0px; display: inline-block; float: left; }

.header-menu { color: white; font-family: 'lato'; padding: 20px 35px 0px 0px; display: inline-block; float: right; }

.cn-left { display: block; border: solid 0px none; margin-left: 1px; margin-top: 10px; width: 225px; background: none; height: 100vh; }

.cn-right { display: block; border: solid 0px  none; margin-right: 1px; margin-top: 10px; width: 225px; background: none; height: 100vh; }

.cn-mid { display: block; border: solid 2px none; margin: 10px 0px 5px 0px; min-height: 750px; background: white; }

.footer { width: 99%; height: 100px; display: block; text-align: left; padding-left: 0px; margin: 0px; background: #292929; position: absolute; bottom: 0; width: 100%; }

.clear { clear: both;}

@media only screen and (max-width: 600px) {
  .cell_left { display: none; }  .cell_right { display: none; }    }

.cell_left { width: 225px; background: none; }
.cell_right { width: 225px; background: none; }
.cell_center { background: none; padding: 10px; text-align: center; }