body, html{
  line-height: normal;
  height: 100%;
  width: 100%;
}

body {
  margin-top: -14px;
}

body.inverse {
  background-color: #000;
}


.btn-default:hover{
  background: none;
  color: white;
  border: 2px white solid;
}

.vertically-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#the-clock{
  color: #000;
  font-family: "Montserrat", sans-serif;
  width: 100%;
  text-align: center;
}

.inverse #the-clock{
  color: #fff;
}

#countdown-header {
  font-size: 5vw;
  padding-left: 6.5%;
  margin-top: 14px;
  color: #000;
}

.inverse #countdown-header {
  color: #fff;
}

.unit{
  display: inline-block;
  width: 22%;
  border-right: 1px #eee solid;
  text-align: center;
  padding: 2% 0;
}

#the-clock .unit:last-child{
  border-right:none;
}

.number{
  font-size: 13vw;
}

.text{
  font-size: 4vw;
}

#live-button{
  display:none;
  color: red;
}

#options {
  display:none;
  background: rgba(0,0,0,0.8);
  height: 100%;
  padding: 0px 10px;
  width: 100%;
  z-index: 1;
  position:absolute;
}