#leftDiv
{
    float: left; 
    width: 49%; 
    margin: 5px
}

#rightDiv
{
    float: left; 
    width: 49%; 
    margin: 5px;

}



.leftContent
{
    width: 95%; 
    margin: 10px 10px 10px 10px; 
    overflow:auto;
    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
    max-height: 200px;
}

.rightContent
{
    width: 95%;
    max-height:100%;
    min-height: 50px;
    overflow: auto;
    padding: 0;
    border: 1px solid;
    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
   }

.padded {
    padding: 10px;
}

@media (max-width: 1200px) {
  #leftDiv
{
    
    margin: 0
}

#rightDiv
{
    margin: 0;

}
}