#faqs { padding-bottom: 30px }
	#faqs p.sub { margin-left: -30px }
.block { width: 100%; height: 100%; padding: 15px; z-index: 10; overflow: hidden }
	.block label { color: #323232; font-family: 'Oswald', sans-serif; font-size: 35px; margin: 0 }
	.block > div { display: block; position: relative; padding: 0 0 0 50px }
	.block > div:not(:last-of-type) { margin: 0 0 20px }
	.block > div:before { color: #8ABF46; content: '\f059'; font-family: 'Font Awesome 5 Pro'; font-size: 35px; font-weight: 700; width: 55px; text-align: center; position: absolute; left: 0; top: 0; padding: 15px 7.5px; border-right: 1px solid #CCC; margin: 0 }
	.block > div input + label { cursor: pointer; display: block; padding: 15px 15px; -webkit-transition: all 0.25s ease-in-out 0.5s, color 0.25s ease-in-out 0.5s; transition: all 0.25s ease-in-out 0.5s, color 0.25s ease-in-out 0.5s }
	.block > div input ~ div { visibility: hidden; max-height: 0; opacity: 0; -webkit-transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.25s, padding 0s ease-in-out 0s; transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.25s, padding 0s ease-in-out 0s; width: calc(100% + 35px); margin-left: -35px }
	.block > div input ~ div p { font-size: 18px; margin: 0; padding: 8px }
	.block > div input:checked + label { -webkit-transition: background-color 0s ease-in-out 0s; transition: background-color 0s ease-in-out 0s }
	.block > div input:checked ~ div { display: block; opacity: 1; visibility: visible; max-height: 3000px; -webkit-transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.5s, padding 0s ease-in-out 0s; transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.5s, padding 0s ease-in-out 0s }
.details { width: calc(100% - 30px); float: right; margin: 15px; padding: 15px; background-color: #F00 }
	.details * { display: inline-block; margin: 7.5px 0; line-height: 20px; color: white }
	.details h1 { font-size: 36px; font-weight: bold; line-height: 40px; padding: 0; margin: 0; clear: both }
	.details a { clear: both; font-family: "FontAwesome", Sans-Serif; font-size: 14px; text-decoration: none }
	.details a.follow { float: left; font-weight: bold; background-color: #333333; margin: 15px 0 0; padding: 7.5px 15px; cursor: pointer }
	.details a.follow:before { margin: 0 7.5px 0 0 }
	.details a.follow strong { color: #99ccff }
	.details a.follow:hover { background-color: #66b3ff }
	.details a.follow:hover strong { color: #4d4d4d }

@media (max-width: 1589px) {
	.block label { font-size: 30px }
	.block > div:before { font-size: 30px }
	.block > div input ~ div p { font-size: 16px }
}

@media (max-width: 1199px) {
	#faqs p.sub { margin-left: 0 }
}

@media (max-width: 767px) {
	.block label { font-size: 26px }
	.block > div:before { font-size: 26px }
	.block > div input ~ div p { font-size: 14px }
}

@media (max-width: 575px) {
	.block label { font-size: 20px }
	.block > div:before { font-size: 20px }
}