html {
	font-size: 14px;
  }
  @media (min-width: 768px) {
	html {
	  font-size: 16px;
	}
  }
  @media (min-width: 992px) {
	html {
	  font-size: 18px;
	}
  }
  
  h1, .h1 {
	font-size: 2.48832rem;
  }
  
  h2, .h2 {
	font-size: 2.0736rem;
  }
  
  h3, .h3 {
	font-size: 1.728rem;
  }
  
  h4, .h4 {
	font-size: 1.44rem;
  }
  
  h5, .h5 {
	font-size: 1.2rem;
  }
  
  h6, .h6 {
	font-size: 1rem;
  }
  
  .display-4 {
	font-size: 3.48832rem;
  }
  
  .display-3 {
	font-size: 4.185984rem;
  }
  
  .display-2 {
	font-size: 5.0231808rem;
  }
  
  .display-1 {
	font-size: 6.02781696rem;
  }
  
  @media (min-width: 768px) {
	h1, .h1 {
	  font-size: 2.48832rem;
	}
  
	h2, .h2 {
	  font-size: 2.0736rem;
	}
  
	h3, .h3 {
	  font-size: 1.728rem;
	}
  
	h4, .h4 {
	  font-size: 1.44rem;
	}
  
	h5, .h5 {
	  font-size: 1.2rem;
	}
  
	h6, .h6 {
	  font-size: 1rem;
	}
  }
  .question {
	/* font-size: 20px; */
	margin-bottom: 10px;
  }
  .answers {
	margin-bottom: 20px;
	text-align: left;
	display: inline-block;
  }
  .answers label {
	display: block;
	margin-bottom: 10px;
  }
  
  
  .slide {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.5s;
  }
  .active-slide {
	opacity: 1;
	z-index: 2;
  }
  .quiz-container {
	position: relative;
	height: 200px;
	margin-top: 5px;
	  font-size: 18px;
	/* font-family: "Work Sans", sans-serif; */
	/* color: #333; */
	font-weight: 300;
	text-align: center;
	/* background-color: #f8f6f0; */
	padding-top:5px;
  }
  /* Customize the label (the container) */
  .answer-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .answer-container input {
	position: absolute;
	opacity: 0;
  }
  
  /* Create a custom radio button */
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #c0c0c0;
	border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .answer-container:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .answer-container input:checked ~ .checkmark {
	background-color: #2196f3;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .answer-container input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .answer-container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
  }