main {background-color: #000000; padding: 15em 0 8em;}
			
	img {margin: 0 auto; display: block;}
			
	article {
		background-color: #ffffff;
		width: 95%;
		max-width: 1400px;
		margin: 0 auto;
		padding: 5%;
	}
			
	.banner {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: nowrap;
		justify-content: center;
	}
			
	.banner h2 {margin: 0 0 2em 0; text-align: center;}
			
	.banner h2 span {display: block;}
			
	.banner .sku {
		letter-spacing: 0.0625em;
		font-weight: 700;
		font-size: 1.125em;
		color: #D50032;
	}
	.banner .h2 {
		color: #444041;
		font-weight: 500;
		font-size: 2em;
	}
			
	.banner .button {display: none;}
			
	.content .block {
		background-color: #d50032;
		color: #ffffff;
		padding: 0.5em;
		text-transform: uppercase;
		margin-bottom: 0.25em;
	}
			
	.content .wide {margin-bottom: 3em;}
			
	.content h4 {background-color: #dcddde; padding: 0.5em 0.5em 0.25em 0.5em; text-transform: uppercase; color: #444041;}
	.content ul {border: solid 3px #dcddde;}
	.content li {padding: 0.5em 0.5em 0.25em 0.5em; color: #444041;}
			
	main .button {
		text-decoration: none;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
		color: #FFFFFF;
		background-color: #d50032;
		padding: 0.5em 0 0.375em 0;
		font-size: 20px;
		font-weight: 500;
		margin: 1.5em auto 3em auto;
		display: block;
		text-align: center;
		width: 15em;
	}
	
	.content .thin h5 {background-color: #dcddde; padding: 0.5em 0.5em 0.25em 0.5em; text-transform: uppercase; color: #444041;}
			
	.content .thin ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
			
	.content .thin li {width: 50%; margin-bottom: 0.5em;}
			
	.content .gray {margin-top: 3em;}
	.content .gray ul {background-color: #dcddde; padding: 0.25em 0.5em 0.25em 0.5em; justify-content: space-between;}
	.content .gray ul li {padding: 0.5em 0.5em 0.25em 0.5em; margin: 0;}
			
	.pdf {display: block; font-weight: 600;}
	.pdf:last-child {margin-bottom: 0;}

	.pdf:link {color: #444041; text-decoration: none;}
	.pdf:visited {color: #444041; text-decoration: none;}
	.pdf:hover {color: #d50032; text-decoration: none;}
	.pdf:active {color: #444041; text-decoration: none;}
	.pdf:focus {color: #d50032; text-decoration: none;}

	.pdf::after {
		display: inline-block;
		width: 1em;
		height: 1em;
		background-size: contain;
		margin-left: 0.5em;
		vertical-align: top;
		content: url('https://rcapro.com/img/download.svg');
	}

	.pdf:hover::after,
	.pdf:focus::after {content: url('https://rcapro.com/img/download_h.svg');}

	@media only screen and (min-width: 950px){	
		.content {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: stretch;
			padding: 0;
			border-bottom: none;
			margin: 0;
		}
				
		.content .wide ul {padding-bottom: 0.688em;}
				
		.content .wide {width: 65%;}
		.content .thin {width: 32%;}
		.content .thin ul {display: block;}
		.content .thin li {width: 100%; margin-bottom: 1em;}
				
		.content .thin h4 {text-align: left;}
		.content .thin h4::after {content: ":";}
				
		.content .gray {margin-top: 1.5em;}
	}
			
	@media only screen and (min-width: 1125px){
		.banner {flex-direction: row; justify-content: space-between; align-items: flex-end;}
		.banner h2 {margin: 0 0 7.5em 0; text-align: left;}
				
		.content .wide {width: 70%;}
		.content .thin {width: 28%;}
	}
			
	@media only screen and (min-width: 1500px){	
		.banner .h2 {font-size: 3em;}
	}

	.content .accordion {
		background-color: #dcddde;
		cursor: pointer;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		transition: 0.4s;
		border-top: solid 2px #ffffff;
	}

	.content .accordion::before {
		content: url("https://rcapro.com/img/accordian-02.svg");
		background-size: contain;
		display: inline-block;
		height: 1em;
		width: 1em;
		vertical-align: middle;
		margin-bottom: 0.25em;
		margin-right: 0.375em;
	}
			
	.content .active::before {
		content: url("https://rcapro.com/img/accordian-01.svg");
	}
			
	.content .accordion:hover {background-color: #ccc;}
			
	.content .active {background-color: #ccc;}
	.content .active:hover {background-color: #dcddde;}

	.content .active ~ ul {border: solid 3px #ccc;}
	.content .active:hover ~ ul {border: solid 3px #dcddde;}
			
	.content .panel {
		display: none;
		background-color: white;
		overflow: hidden;
		transition: 0.4s;
	}
			
	@media only screen and (min-width: 950px){	
		.content .accordion {cursor: text; background-color: #dcddde; border-top: none;}
		
		.content .accordion:hover {background-color: #dcddde;}
				
		.content .accordion::before {
			content: none;
			display: inline-block;
			height: 0;
			width: 0;
			margin-bottom: 0;
			margin-right: 0;
		}
			
		.content .active::before {content: none;}
				
		.content .active ~ ul {border: solid 3px #dcddde;}
				
		.accordion::after {content: ": ";}
		.panel {display: block !important}
	}