.wucWeek-container {
    display: flex;
    flex-flow: row wrap;
    font-size: 15px;
    text-align: left;
}
.wucDay-container {
    display: flex;
    flex: 13.9%;
    max-width: 13.9%;
    flex-direction: column;
    font-size: 14px;
    text-align: left;
    margin: 0px;
    border: 1px solid lightblue;
    border-spacing: 0;
}
.wucNon-day {
    border: 1px solid white;
    background-color:white;
}
.wucEvent, .wucEventInfo {
    font-size: 1em;
    text-align: left
}
.wucEventHighlight {
    background-color:lightyellow;
}
button {
    font-size: 14px;
}
.wucCalButton {
    display: inline-block;
    position: relative;
    line-height: 110%;
    background:lightyellow;
    color: brown;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 5px 4px 5px;
    border-top: 3px solid;
    margin: 0px 6px 0px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.wucMonthButton {
    background:white;
    color: black;
}
.wucMonthButtonActive {
    background: darkblue;
    color: white;
}
* {
    font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3 {
    margin: 5px 1px 1px 1px;
}
.wucCalDay {
    font-weight: 800;
    border-top: 2px solid;
}
.wucListDay {
    font-weight: 800;
    border-top: 2px solid;
}
.wucEvents ul {
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both;
  width: 100%;
}
.wucEvents li.wucTitle {
    width: 400px;
}
.wucEvents li.wucInfo {
    width: 250px;
}
.wucEvents li {
    display: block;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    margin-right: -1px;
    margin-bottom: -1px;
}
.wucPoster {
    min-width: 100px;
}
.wucEvents  li.wucInfo {
    min-width: 250px;
}
.wucCalImg {
    width: 100px;
}
.wucListInfo {
    display: none;
}
@media (max-width: 800px) {
    .wucWeek-container {
      flex-direction: column;
    }
    .wucDay-container {
        flex:auto;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px;
        max-width: 100%;
    }
    .wucDay-null {
        display: none;
    }
      .wucEvents li.wucTitle {
          padding: 0px 10px 0px 10px;
      }
      .wucEvents li.wucInfo {
          width: 100%;
          border: 0;
          padding: 0px 10px 10px 10px;
          display: inline;
      }
      .wucEvents li {
          height: auto !important;
          display: block;
          float: left;
          box-sizing: border-box;
          border-top: 1px solid #ccc;
          margin-right: -1px;
          margin-bottom: -1px;
      }
      .wucPoster {
          min-width: 100px;
      }
      .wucEvents  li.wucPoster {
          width: 100%;
          padding: 0px 10px 10px 10px;
          border: 0;
          display: inline;
      }
      .wucEventsHeader {
        display: none;
    }
}