/*
* Typography
*/

		/*
* Color Variables
*/
		/*
* Animation Variables
*/
		/*
* Global
*/

		ol li {
			list-style: decimal;
		}

		*,
		*:before,
		*:after {
			box-sizing: border-box;
		}
		/*
* Base
*/
		/*
* Accordion
*/
		/* Basic Accordion Styles */

		.accordion {
			position: relative;
			top: 200%;
			width: 80%;
			box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
			/* Radio Inputs */
			/* Labels */
			/* Panel Content */
		}

		.accordion input[name="panel"] {
			display: none;
		}

		.accordion label {
			position: relative;
			display: block;
			padding: 1em;
			background: #105E8F;
			border-top: 1px solid #fff;
			border-bottom: 1px solid rgba(0, 0, 0, 0.15);
			font-size: 1.2em;
			color: #fff;
			cursor: pointer;
			transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
		}

		.accordion label:after {
			content: "+";
			padding-bottom: 1.4em;
			position: absolute;
			right: 1em;
			width: 1em;
			height: 1em;
			color: #fff;
			text-align: center;
		}

		.accordion label:hover {
			color: gold;
		}

		.accordion input:checked+ label {
			color: gold;
		}

		.accordion input:checked+ label:after {
			content: "-";
			/* adjsut line-height to vertically center icon */
			line-height: 1.2em;
		}

		.accordion .accordion__content {
			overflow: hidden;
			height: 0px;
			position: relative;
			padding: 0 1.5em;
			background: #fff;
			color: #000;
			transition: height 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
		}

		.accordion .accordion__content:not(:last-of-type) {
			box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.25), inset 4px 0 0 0 #FFC705, inset 0 3px 6px rgba(0, 0, 0, 0.75);
		}

		.accordion .accordion__content .accordion__header {
			padding: 1em 0;
		}

		.accordion .accordion__content .accordion__body {
			font-size: 1.2em;
			line-height: 1.4em;
			margin-top: 20px;
		}

		label {
			display: inline-block;
			max-width: 100%;
			margin-bottom: 0px;
			font-weight: 700;
		}
		/*
* Size Variations
*/

		input[name="panel"]:checked~ .accordion__content.accordion__content--small {
			height: 100px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--med {
			height: 200px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--large {
			height: 300px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--1 {
			height: 70px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--2 {
			height: 70px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--3 {
			height: 120px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--4 {
			height: 120px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--5 {
			height: 70px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--6 {
			height: 90px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--7 {
			height: 70px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--8 {
			height: 90px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--9 {
			height: 950px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--10 {
			height: 70px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--11 {
			height: 120px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--12 {
			height: 235px;
		}

		input[name="panel"]:checked~ .accordion__content.accordion__content--13 {
			height: 120px;
		}
		input[name="panel"]:checked~ .accordion__content.accordion__content--14 {
			height: 60px;
		}
		input[name="panel"]:checked~ .accordion__content.accordion__content--15 {
			height: 130px;
		}
		input[name="panel"]:checked~ .accordion__content.accordion__content--16 {
			height: 220px;
		}
		input[name="panel"]:checked~ .accordion__content.accordion__content--17 {
			height: 80px;
		}
		@media only screen and (max-width: 920px) {
			input[name="panel"]:checked~ .accordion__content.accordion__content--small {
				height: 200px;
			}
			input[name="panel"]:checked~ .accordion__content.accordion__content--med {
				height: 400px;
			}
			input[name="panel"]:checked~ .accordion__content.accordion__content--large {
				height: 800px;
			}
			input[name="panel"]:checked~ .accordion__content.accordion__content--1 {
			height: 180px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--2 {
			height: 330px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--3 {
			height: 570px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--4 {
			height: 380px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--5 {
			height: 120px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--6 {
			height: 190px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--7 {
			height: 250px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--8 {
			height: 150px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--9 {
			height: 470px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--10 {
			height: 120px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--11 {
			height: 220px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--12 {
				height: 1320px;
			}

			input[name="panel"]:checked~ .accordion__content.accordion__content--13 {
				height: 250px;
			}
			input[name="panel"]:checked~ .accordion__content.accordion__content--14 {
				height: 200px;
			}
			input[name="panel"]:checked~ .accordion__content.accordion__content--15 {
				height: 250px;
			}
			input[name="panel"]:checked~ .accordion__content.accordion__content--16 {
				height: 350px;
			}
			input[name="panel"]:checked~ .accordion__content.accordion__content--17 {
				height: 200px;
			}
			.accordion label:after {
				content: "";
				padding-bottom: 1.4em;
				position: absolute;
				right: 1em;
				width: 1em;
				height: 1em;
				color: #fff;
				text-align: center;
			}
			.accordion label:hover {
				color: gold;
			}
			.accordion input:checked+ label {
				color: gold;
			}
			.accordion input:checked+ label:after {
				content: "";
				/* adjsut line-height to vertically center icon */
				line-height: 1.2em;
			}
		}