body * {
  font-family: 'Nunito', sans-serif;
  box-sizing: border-box;
}
body {
  background-color: #142F4C;
}
h2 {
  margin-top: 0px;
}
#countdown-wrap {
  width: 100%;
  height: 150px;
  padding: 20px;
  font-family: arial;
  /*max-width: 650px;*/
  /*margin: 150px auto 300px;*/
}
#goal {
  font-size: 48px;
  text-align: right;
  /*color: #FFF;*/
}
@media only screen and (max-width: 640px) {
  #goal {
    text-align: center;
  }
}
#glass {
  width: 100%;
  height: 20px;
  background: #c7c7c7;
  border-radius: 10px;
  float: left;
  overflow: hidden;
}
#progress {
  font-weight: bold;
  float: left;
  width: 16%;
  height: 20px;
  background: yellow;
  z-index: 333;
  /*color: white;*/
  text-align: right;
}
#complete {
  float: left;
  width: 24.9%;
  height: 20px;
  background: #50ff5d;
  z-index: 333;
}
#mark {
  float: left;
  width: 0.1%;
  height: 20px;
  background: #000;
  z-index: 333;
}
.well {
background-color: antiquewhite;
opacity: 0.6;
    margin: 20px;
    }

.goal-stat {
  width: 25%;
  padding: 10px;
  float: left;
  margin: 0;
  /*color: #FFF;*/
  text-align: right;
}
@media only screen and (max-width: 640px) {
  .goal-stat {
    width: 50%;
    text-align: center;
  }
}
.goal-number,
.goal-label {
  display: block;
}
.goal-number {
  font-weight: bold;
}