html,
body {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100%;
    /*width: 100%;*/
    font-family: 'Arial', sans-serif;
    background-color: #ffefd6;
    background-image: url(dashboard-bg.svg);
    margin: 0 px;
}

.navbar {
    background-color: #69a9b2 !important;
    width: 1500px;
    height: 80px;
}

.deposit {
    margin-left: 100px;
    margin-top: 100px;
}

.big-heading {
    margin-left: 50px;
    padding: 50px 0 0;
    font-family: "Arial", sans-serif;
    font-size: 5.5rem;
    font-weight: bold;
    line-height: 1.5;
}

.btn {
    padding: 20px 30px;
    margin: 50px;
}

#countdown-wrap {
    width: 100%;
    height: 300px;
    /* //border: 1px solid black; */
    padding: 20px;
    font-family: arial;
    max-width: 650px;
    margin: 150px auto 300px;
  }
  
  #goal {
    font-size: 48px;
    text-align: right;
    color: #000;
    @media only screen and (max-width : 640px) {
      text-align: center;  
    }
    
  }
  
  #glass {
    width: 100%;
    height: 20px;
    background: #c7c7c7;
    border-radius: 10px;
    float: left;
    overflow: hidden;
  }
  
  #progress {
    float: left;
    width: 16%;
    height: 20px;
    background: #FF5D50;
    z-index: 333;
    /* //border-radius: 5px; */
  }
  
  .goal-stat {
    width: 25%;
    /* //height: 30px; */
    padding: 10px;
    float: left;
    margin: 0;
    color: #FFF;
    
    @media only screen and (max-width : 640px) {
      width: 50%;
      text-align: center;
    }
  }
  
  .goal-number, .goal-label {
      color: black;
    display: block;
  }
  
  .goal-number {
    font-weight: bold;
  }