html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
}


table.calendar th {
    text-align: center;
}

table.calendar td {
    height: 2.0em;
    position: relative;
    width: 2.0em;
}

    table.calendar td i {
        bottom: 0em;
        font-size: 1.0em;
        left: 0.45em;
        position: absolute;
    }

    table.calendar td span.day {
        font-size: 0.5em;
        position: absolute;
        right: 0.15em;
        top: 0em;
    }

table.legend {
    margin-top: 2.6em;
}

    table.legend td {
        height: 2.0em;
    }