ul {list-style-type: none;}
body { margin: 0; }


.logo {
    background: #87cefa;
    max-width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

table { 
  width: auto%;
  box-sizing: border-box;
  box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
  font-family: 'Ubuntu';
  /*border-collapse: collapse;*/
  border-spacing: 0;
  background-color: #1b204a; 
}

th, td { 
  border: 1px solid rgba(255,255,255,0.1);
  box-sizing: border-box;}

th {
  text-transform: uppercase;
  text-align:center;
  font-size:20px;
  font-weight:700;
  padding: 10px 0;
  color: rgba(255,255,255,0.5);
  background-color: #231038;
  letter-spacing: 1px; }

td { text-align:center; width: 14.285%; transition: all 0.3s; font-size: 14px; color: rgba(255,255,255,0.6); font-weight: 400; font-size: 14px; padding: 1.5% 1.5% 5%; vertical-align: initial; padding: 1.5% 0 ; height: 75px; }

.day:hover { background-color: rgba(0,0,0,0.1); cursor:pointer; }

.bday { color: #FFF; background-color: rgba(0,0,0,.25) !important; }

span.number { margin-left: 10% }

span.event { height: 4px; background-color: rgba(0,0,0,.3); display: block; margin: 5px 10%; border-radius: 2px; background-color: #91c33b; }