.bodyclass {
    padding: 1rem;

}

.responsive-table {
    display: block;
    top:2em;
}

[class^="day-section"] {
    margin-bottom: 1rem;
}

.day-content {
    padding: 1rem;
    border: 0px solid #ccc;
    margin: -1px 0 0 -1px;
    box-sizing: border-box;
text-align:justify;
   }

p.day-content:hover {
    background: #ddd;
}

.head {
-webkit-box-shadow: 4px 4px 3px #ADADAD;
  -moz-box-shadow: 4px 4px 3px #ADADAD;
  box-shadow: 4px 4px 3px #ADADAD;
  /*background: #eaeaea;*/
    background-color:purple;
    font-size: 1rem;
    margin-top:1em;
    color:white;
    border-radius:10px;
    padding:10px;
    margin-right:2px;
    margin-left:2px;
    margin-bottom:12px;
text-align:center;

}

@media (min-width: 800px) { /*was on 800 */
    .responsive-table {
        display: flex;
    }
    [class^="day-section"] {
        flex-grow: 1;
    }
}