.colorSection {
	padding: 84px 0 100px 0;
}


.colorSection.is-connected {
	background-color: #00B3E6;
}

.colorSection.is-primary {
	background-color: #00B3E6;
}

.colorSection.is-secondary {
	background-color: #F5C400;
}


.colorSection.is-demonstrated {
	background-color: #FF6C0C;
}

.colorSection.is-focused {
	background-color: #B34FC5;
}

.colorSection.is-led {
	background-color: #84BE41;
}



.pageSection-color .pageSection-text {
	line-height: 60px;
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
}

.pageSection-color {
	padding: 83px 0 104px 0;
}





.colorSection-text {
	font-weight: bold;
	line-height: 60px;
	font-size: 36px;
	letter-spacing: -1px;
	color: #fff;
}

@media (max-width: 1023px) {
.colorSection-text {
	font-size: 28.8px;
	line-height: 48px;
}
	
	.colorSection {
	padding: 40px 0 60px 0;
}
}

@media (max-width: 767px) {
.colorSection {
	padding: 24px 0 32px 0;
}	
.colorSection-text {
	font-size: 20px;
	line-height: 33px;
}
}