.question{
	font-weight: 600;
}
.answers {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
.answers label{

    flex: 1 0 50%;
}
#submit{
	font-family: Handlee_Regular;
	font-size: 20px;
	background-color: #279;
	color: #fff;
	border: 0px;
	border-radius: 3px;
	padding: 20px;
	cursor: pointer;
	margin-bottom: 20px;
}
#submit:hover{
	background-color: #38a;
}


#quiz {
    clear: both;
}

#quiz .question {
    font-family: Handlee_Regular;font-size:2.5rem;color:#dc3545;
    text-align: center;
    margin-bottom: 20px;
    text-align:center;
}

#quiz  .answers label {
    width: 50%;
    float: left;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 5px;
}
#quiz  .answers label span {
  font-family: Handlee_Regular;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  margin-top: 5px;
}
#quiz  input[type="radio"] {
    accent-color: #db620a;
    background-color: #fff;
    margin: 0 5px 0 0;
    font: inherit;
    color: #db620a;
    width: 1.5em;
    height: 1.5em;
    border: 0.15em solid currentColor;
    border-radius: 50%;
    transform: translateY(0.5em);
    float: left;
    /* display: inline-block; */
    display: flex;
    font-weight: 900;
}

.check {
    accent-color: green;
    color: green;
  }

  
.check input[type="radio"] {
    accent-color: green!important;
    color: green;
  }

  .cross {
    accent-color: red;
    color: red;
    text-decoration: line-through
  }


  .cross input[type="radio"] {
    accent-color: red!important;
    color: red;
  }
  
  #results {
    font-size:1.5rem;
    text-align:center;
    font-weight: 700;
    clear:both;
    font-family: Handlee_Regular;

  }
  .CorrectAnswer {
    color: green;
  }
  .inCorrectAnswer {
    color: red;
  }


   /**Desktop Query*/
   @media only screen and (min-width: 768px) {

  }

  /*Tablet Query*/
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    #quiz .question {
      font-size: 2rem;
    }
    #results {
      font-size: 1.5rem;
    }
    #quiz .answers label {
        width: 50%;
        float: left;
        font-size: 1.25rem;
        font-weight: 500;
        margin-bottom: 10px;
    }
  }
  
  /*Mobile Query*/
  @media only screen and (max-width: 480px) {
   
    #quiz .question {
      font-size: 1.5rem;
    }
    #results {
      font-size: 1rem;
    }
    #quiz .answers label {
        width: 50%;
        float: left;
        font-size: 0.9rem;
        font-weight: 500;
        margin-bottom: 10px;
    }
  }