.cc-banner {width:100%; position:relative;}
	.cc-banner .bg {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
	.cc-banner .tint {width:100%; height:100%; background:rgba(45,45,45,.2); position:absolute; top:0; left:0; z-index:2;}
	.cc-banner .wrapper {display:flex; align-items:center; min-height:70vh; position:relative; z-index:3;}
		.cc-banner .wrapper .container {flex:1 1 100%; padding:100px; color:#fff;}
			.cc-banner .wrapper .container .title {font:80px 'Uni-Sans-Bold'; text-transform:uppercase;}
			.cc-banner .wrapper .container .pre-title {font:600 24px 'proxima-nova'; text-transform:uppercase;}
			.cc-banner .wrapper .container .post-title {font:600 28px 'proxima-nova';}

.cc-directives {width:100%; position:relative;}
	.cc-directives .wrapper {max-width:1200px; padding:80px;}
		.cc-directives .wrapper .title {padding-bottom:60px; font:600 36px 'proxima-nova'; text-transform:uppercase; text-align:center;}
		.cc-directives .wrapper .cards {display:flex; flex-flow:row wrap;}
			.cc-directives .wrapper .cards .card {flex:0 0 25%;}
				.cc-directives .wrapper .cards .card .container {width:auto; min-width:auto; height:calc(100% - 40px); padding:20px;}
					.cc-directives .wrapper .cards .card .container .inner {height:calc(100% - 60px); padding:30px; font:20px 'proxima-nova'; box-shadow:0 0 15px rgba(0,0,0,.2);}
						.cc-directives .wrapper .cards .card .container .inner .image {display:flex; align-items:center; justify-content:center; height:82px; padding-bottom:10px;}
							.cc-directives .wrapper .cards .card .container .inner .image img {max-height:100%; max-width:100%; height:auto;}
			.cc-directives .wrapper .cards .text {flex:1 0 75%;}
				.cc-directives .wrapper .cards .text .container {display:flex; align-items:center; width:auto; min-width:auto; height:calc(100% - 40px); padding:20px; font:20px/36px 'proxima-nova';}
					.cc-directives .wrapper .cards .text .container .inner {flex:1 1 100%; padding:30px;}

.cc-section {width:100%; position:relative;}
.cc-section.gray {background:#eaeaea;}
	.cc-section .wrapper {max-width:1160px; padding:80px 100px;}
		.cc-section .wrapper .title {padding-bottom:80px; font:600 34px 'proxima-nova'; text-align:center;}
		.cc-section .wrapper .content {display:flex; flex-flow:row wrap; font:20px/36px 'proxima-nova';}
			.cc-section .wrapper .content p {width:100%;}
			.cc-section .wrapper .content ul {width:100%; margin:0; padding:0; list-style:none; font-weight:600; font-size:17px; column-count:2;}
				.cc-section .wrapper .content ul li {padding:0 10px; position:relative;}
				.cc-section .wrapper .content ul li:before {content:''; width:3px; height:17px; background:#04bcee; position:absolute; top:9px; left:0;}

@media(max-width:1280px) {
	.cc-banner .wrapper {min-height:60vh;}
		.cc-banner .wrapper .container {padding:60px;}
	
	.cc-directives .wrapper {padding:60px 40px;}
		.cc-directives .wrapper .title {padding-bottom:50px;}
		.cc-directives .wrapper .cards .card {flex:1 0 33.3%;}
	
	.cc-section .wrapper {padding:60px;}
		.cc-section .wrapper .title {padding-bottom:60px;}
}

@media(max-width:1020px) {
	.cc-banner .wrapper {min-height:50vh;}
		.cc-banner .wrapper .container {padding:40px;}
			.cc-banner .wrapper .container .title {font-size:60px;}
			.cc-banner .wrapper .container .pre-title {font-size:20px;}
			.cc-banner .wrapper .container .post-title {font-size:24px;}
	
	.cc-directives .wrapper {padding:40px 30px;}
		.cc-directives .wrapper .title {padding-bottom:30px; font-size:32px;}
		.cc-directives .wrapper .cards .card .container {height:calc(100% - 20px); padding:10px;}
			.cc-directives .wrapper .cards .card .container .inner {height:calc(100% - 40px); padding:20px; font-size:18px;}
		.cc-directives .wrapper .cards .text .container {padding:10px; font-size:18px; line-height:32px;}
			.cc-directives .wrapper .cards .text .container .inner {padding:20px;}
	
	.cc-section .wrapper {padding:40px;}
		.cc-section .wrapper .title {padding-bottom:40px; font-size:32px;}
		.cc-section .wrapper .content {font-size:18px;}
}

@media(max-width:760px) {
	.cc-banner .wrapper .container {padding:40px 20px;}
		.cc-banner .wrapper .container .title {font-size:40px;}
		.cc-banner .wrapper .container .pre-title {font-size:18px;}
		.cc-banner .wrapper .container .post-title {font-size:20px;}
	
	.cc-directives .wrapper {padding:40px 10px;}
		.cc-directives .wrapper .title {font-size:28px;}
		.cc-directives .wrapper .cards .card {flex:1 1 100%; max-width:320px; text-align:center;}
		.cc-directives .wrapper .cards .text .container .inner {padding:20px 0 0 0;}
	
	.cc-section .wrapper {padding:40px 20px;}
		.cc-section .wrapper .title {font-size:28px;}
		.cc-section .wrapper .content ul {column-count:1;}
}