/* Flexbox Degredation
------------------------------------------*/

ul.tabs li,
div.splits div.split,
div.subfooter ul,
.card .quiz div.answers div.answer {
  -mx-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: inline;
  margin-left: 0;
  margin-right: 0;
  padding-right: 15px;
}

.card .quiz div.answers div.answer {
  padding-bottom: 30px;
}

ul.tabs li:last-child,
div.splits div.split:last-child,
div.subfooter ul:last-child,
.card .quiz div.answers div.answer:last-child {
  padding-right: 0;
}

/* one item */
ul.tabs li:first-child:nth-last-child(1),
div.splits div.split:first-child:nth-last-child(1),
div.subfooter ul:first-child:nth-last-child(1),
div.answers div.answer:first-child:nth-last-child(1) {
	width: 100%;
}

/* two items */
ul.tabs li:first-child:nth-last-child(2),
ul.tabs li:first-child:nth-last-child(2) ~ li,
div.splits div.split:first-child:nth-last-child(2),
div.splits div.split:first-child:nth-last-child(2) ~ div.split,
div.subfooter ul:first-child:nth-last-child(2),
div.subfooter ul:first-child:nth-last-child(2) ~ ul,
div.answers div.answer:first-child:nth-last-child(2),
div.answers div.answer:first-child:nth-last-child(2) ~ div.answer {
	width: 50%;
}

/* three items */
ul.tabs li:first-child:nth-last-child(3),
ul.tabs li:first-child:nth-last-child(3) ~ li,
div.splits div.split:first-child:nth-last-child(3),
div.splits div.split:first-child:nth-last-child(3) ~ div.split,
div.subfooter ul:first-child:nth-last-child(3),
div.subfooter ul:first-child:nth-last-child(3) ~ ul,
div.answers div.answer:first-child:nth-last-child(3),
div.answers div.answer:first-child:nth-last-child(3) ~ div.answer {
	width: 33.3333%;
}

/* four items */
ul.tabs li:first-child:nth-last-child(4),
ul.tabs li:first-child:nth-last-child(4) ~ li,
div.splits div.split:first-child:nth-last-child(4),
div.splits div.split:first-child:nth-last-child(4) ~ div.split,
div.subfooter ul:first-child:nth-last-child(4),
div.subfooter ul:first-child:nth-last-child(4) ~ ul,
div.answers div.answer:first-child:nth-last-child(4),
div.answers div.answer:first-child:nth-last-child(4) ~ div.answer {
	width: 25%;
}

/* Convert All Flex Boxes to 100% Wide on Small Screens */

@media (max-width: 900px) {
	
ul.tabs li,
div.splits div.split,
div.subfooter ul,
.card .quiz div.answers div.answer {
  float: none !important;
  width: 100% !important;
  display: block !important;
}
}

/* Forms
------------------------------------------*/

.formField label + input[type='checkbox'] {
  margin-top: 2px;
}