.quiz {
  padding: 20px;
  background-size: cover;
}
.quiz button,
.quiz .button {
  font-family: Montserrat;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 3px;
  background-color: #00afaa;
  border: none;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 45px;
  padding: 10px;
  text-decoration: none;
}
.question-title {
  font: 700 30px/33px "Montserrat" !important;
  margin-bottom: 20px;
  color: #051C2C;
}
.question-aftertitle {
  font: 400 20px/33px "Montserrat" !important;
  margin-bottom: 60px;
  color: #051C2C;
}
.question-answer input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.question-answer input + label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font: 400 20px/25px Montserrat;
  margin-bottom: 20px;
}
.question-answer input + label span {
  font-weight: 700;
}
.question-answer input + label::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  margin-right: 1.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  margin-top:4px;
}
.question-answer input:not(:disabled):active + label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.question-answer input:focus + label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.question-answer input:checked + label::before {
  border-color: #adb5bd;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -5 11 11'%3e%3ccircle r='5' fill='%2300AFAA'/%3e%3c/svg%3e");
}
.resalt-image {
  float: none;
  margin-top: 40px;
}

#dd-quiz-do-i-have-a-concussion {
 width: 980px;
 margin: 150px 0 200px;
}

.dd-continue-container .continue,
.dd-continue-container .quiz-submit{
  color: #051C2C;
  font: 700 20px/60px Montserrat;
  text-align: center;
  border-radius: 10px;
  background: #E5E5E5;
  width: 340px;
  height: 70px;
  border: 0;
  margin-top: 60px;
}

.dd-continue-container .continue:hover,
.dd-continue-container .quiz-submit:hover {
  cursor:pointer;
}

.quiz-progress {
  color: #8BA0C0;
  font: 700 20px/60px Montserrat;
  margin-left:60px;
}
@media screen and (max-width: 992px) {
  #dd-quiz-do-i-have-a-concussion {
    width: 100%;
    margin: 70px 0 100px;
   }
}

@media screen and (max-width: 800px) {
  .question-answer input:checked + label::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -5 11 11'%3e%3ccircle r='5' fill='%2300AFAA'/%3e%3c/svg%3e");
  }
  .question-answer input + label::before {
    margin-right: 1em;
  }
}

@media screen and (max-width: 576px) {
  .quiz-progress {
    margin-left:20px;
  }
  .question-answer input + label,
  .question-aftertitle {
    font-size: 16px!important;
    line-height: 25px!important;
  }
  .dd-continue-container .continue, .dd-continue-container .quiz-submit {
    font-size: 16px!important;
  }
  .question-title {
    font-size:25px!important;
  }
}

@media screen and (max-width: 480px) {
  .dd-continue-container .continue, .dd-continue-container .quiz-submit {
    width: 75%;
  }
  #dd-quiz-do-i-have-a-concussion {
    padding: 40px 20px;
  }
}

@media screen and (max-width: 395px) {
  .question-answer input:checked + label::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -5 11 11'%3e%3ccircle r='5' fill='%2300AFAA'/%3e%3c/svg%3e");
  }
}