nav {
  color: black;
  background: white;
  margin: 0px;
  padding: 0px;
  box-shadow: none;
  height: auto;
}
nav ul a {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}
body {
  background: #ffa61f;
  text-align: center;
}
.wrapper {
  max-width: 800px;
  margin: 0 auto 7em;
}
.wrapper img {
  display: block;
  max-width: 100%;
}
.titleWrap {
  padding: 10px;
}
@media (max-width: 768px) {
  .titleWrap {
    padding: 40px;
  }
}
.titleWrap img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.modal {
  max-width: 800px;
  background: lightgray;
}
.modal img {
  display: block;
  max-width: 100%;
}
@media (max-width: 800px) {
  .modal p {
    font-size: 14px;
  }
}
.squids,
.die {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
[type="checkbox"] + label {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  height: auto;
  padding-right: 20px;
  margin-bottom: 20px;
}
@media (min-width: 667px) {
  [type="checkbox"] + label {
    -ms-flex: 1 1 33.3333%;
        flex: 1 1 33.3333%;
  }
}
#arkansas {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 30px 20px;
}
#arkansas img {
  margin: 0 auto;
}
#modal1 {
  background: #fff69f;
  max-height: 90%;
  top: 5%;
}
#modal2 {
  background: #00a89c;
}
#modal2 label {
  width: 150px;
  margin-bottom: 5px;
}
#modal2 input[type='radio']:checked + label:after {
  background-color: yellow;
}
#modal5 {
  background: url('https://i.cdn.turner.com/adultswim/big/img/2016/07/07/RedGrid.jpg');
}
#modal6 img {
  max-width: 200px;
}
#modal6 input[type='radio'] + label:before {
  display: none;
}
#modal6 input[type='radio'] + label:after {
  display: none;
}
#modal6 input[type='radio'] + label {
  height: auto;
  margin-bottom: 20px;
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
}
#modal6 input[type='radio']:checked + label img {
  border: 5px solid green;
}
#modalCorrect {
  background: green;
}
#modalCorrect p {
  color: white;
}
#modal7 {
  background: url('https://i.cdn.turner.com/adultswim/big/img/2016/07/07/Gradient.jpg');
}
#modal7 .rangeslider__handle {
  background: url('https://i.cdn.turner.com/adultswim/big/img/2016/07/07/happier.png');
  background-size: cover;
  transform: translateY(-20%);
  height: 71px;
  width: 71px;
  border-radius: 35px;
  z-index: 2;
}
#modal7 .rangeslider__handle .thumb {
  display: none;
}
#modal8 {
  background: url('https://il2.picdn.net/shutterstock/videos/1510048/thumb/1.jpg');
}
#modal8 label {
  color: white;
}
#modal8 input[type='radio']:checked + label:after {
  background: yellow;
  color: red;
}
#modal8 input[type='radio']:checked + label {
  color: red;
}
p {
  font-size: 20px;
}
#arkansas {
  background: red;
  background-size: cover;
}
.modal-footer {
  background-color: green;
}
.rangeslider,
input[type='range'] {
  max-width: 400px;
}
.rangeslider__handle {
  border-radius: 22px;
  min-width: 62px;
  line-height: 42px;
  text-align: center;
}
.rangeslider__handle:after {
  background: 0;
}
#sliderWrap .thumb {
  position: relative;
  top: 20px !important;
}