.main-container {
    display:table;
    width:100%;
}
.left-column {
    display:table-cell;
    margin:0;
    padding:0;
    height:100%;
    position:relative;
}
.main-column {
    display:table-cell;
    margin:0;
    padding:0;
    width:80%;
    height:100%;
}
.uk-panel:before, .uk-panel:after {
    display: inline;
}
.box {
    margin: 10px;
    border:1px solid #333;
    height:400px;
    border-radius: 5px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.left-column.hidden-xs {
    display:table-cell !important;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
.left-column.hidden-xs {
    display:table-cell !important;
}  }