.dial-container > .gauge > .dial {
    stroke-width: 6;
    height: 20px;
  }

.dial-container > .gauge {
  max-height: 70vh;
}

  .dial-container > .gauge > .value {
    stroke: #ff4769;
    stroke-width: 6;
  }

  .dial-container > .gauge > .value-text {
    fill: #999999;
    font-family: sans, 'sans-serif';
    font-weight: bold;
    font-size: 0.6em;
  }

  .dial-container > .gauge > .plus-minus-signs {
    height: 25px;
    width: 25px;
    background-size: 25px 25px;
  }

.minus-sign-container {
  position: absolute;
  bottom: 50%;
  left: 20%;
  border: none;
  background: none;
}

.plus-sign-container {
  position: absolute;
  bottom: 50%;
  right: 20%;
  border: none;
  background: none;
}

.dial-box-container {
  align-self: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 5vh;
  padding-top: 7vmin; 
  padding-bottom: 7vmin;
  padding-left: 3vw; 
  padding-right: 3vw;
  background-color: white; 
  opacity: 90%; 
  border-radius: 50px;
  text-align: center;
  box-shadow: 5px 5px 5px rgb(51, 10, 37);
  font-family: 'Trebuchet MS';
  height: 45vw; 
  width: 70vw; 
  vertical-align: middle;
}

/* Small Mobile */
@media only screen and (max-width: 400px) {
  .dial-box-container {
    height: 85vw;
    width: 85vw;
    margin-top: 5vw;
  }

  .minus-sign-container {
    bottom: 35%;
    left: 20%;
  }
  
  .plus-sign-container {
    bottom: 35%;
    right: 20%;
  }

  .instructions-text {
    position: absolute;
    bottom: 7%;
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* Mobile */
@media only screen and (min-width: 300px) and (max-width: 600px) {
  .dial-box-container {
    height: 80vw;
    width: 85vw;
    margin-top: 5vw;
  }

  .minus-sign-container {
    bottom: 30%;
    left: 15%;
  }
  
  .plus-sign-container {
    bottom: 30%;
    right: 15%;
  }

  .instructions-text {
    position: absolute;
    bottom: 7%;
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* iPad/Tablet */
@media only screen and (min-width: 600px) and (max-width: 1025px) {
  .dial-box-container {
    height: 60vw;
    width: 85vw;
    margin-top: 10vw;
  }

  .minus-sign-container {
    bottom: 40%;
    left: 15%;
  }
  
  .plus-sign-container {
    bottom: 40%;
    right: 15%;
  }

  .instructions-text {
    position: absolute;
    bottom: 3%;
  }
}