.journey {
    position: relative;
    height: 70px;
    color: #6f6f6f;
    margin-left: -10px;
    margin-right: 10px;
}

.celestialBodies {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 10;
}

.rocketPath {
    position: relative;
    margin-left: 55px;
    margin-right: 120px;
}

.trajectory {
    height: 10px;
    position: absolute;
    border: 1px solid #c0c0c0;
    left: 81px;
    right: 58px;
    top: 30px;
    border-radius: 5px;
}

.progressLayer {
    position: absolute;
    left: 81px;
    right: 92px;
    top: 30px
}

.rocketExhaust {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #F2B50C),
        color-stop(0.49, #FFF703),
        color-stop(1, #FF5E00)
    );
    background-image: -o-linear-gradient(right, #F2B50C 0%, #FFF703 49%, #FF5E00 100%);
    background-image: -moz-linear-gradient(right, #F2B50C 0%, #FFF703 49%, #FF5E00 100%);
    background-image: -webkit-linear-gradient(right, #F2B50C 0%, #FFF703 49%, #FF5E00 100%);
    background-image: -ms-linear-gradient(right, #F2B50C 0%, #FFF703 49%, #FF5E00 100%);
    background-image: linear-gradient(to right, #F2B50C 0%, #FFF703 49%, #FF5E00 100%);
    width: 1%;
    height: 10px;
    border-radius: 5px;
    transition: all 0.1s ease-in;
}

.earth {
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in;
}

.moon {
  position: absolute;
  right: 0;
  transition: all 0.1s ease-in;
}

.mars {
  position: absolute;
  right: 0;
  display: none;
}

.phase2 .mars {
  display: block;
}

.phase2 .earth {
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.phase2 .moon {
  right: 100%;
  -ms-transform: scale(0.25);
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  margin-right: -95px;
  margin-top: 15px;
}

.flaticon-moon21:before {
    color: #D44;
}

.rocket {
    display: block;
    position: absolute;
    line-height: 36px;
    transition: all 0.1s ease-in;
}

.centered {
  text-align: center;
}

.disclaimer {
  color: #777;
  font-size: 0.9em;
}

#progressKM, #progressMiles {
  text-align: center;
  font-weight: bold;
}

.card.table {
  padding: 0;
}

.flaticon-box2:before {
    font-size: 16pt;
}

.flaticon-google26:before {
    font-size: 16pt;
    margin-left: 0;
}

.rotate90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}