.fix {
	margin: 0;
	
}
.font-change {
	font-family: 'Raleway', sans-serif;
}
.service-item:hover {
	background-color: #fe788e
}
.service-item1:hover {
	background-color: #409c89
}
.service-item2:hover {
	background-color: #aace3f
}
.service-item3:hover {
	background-color: #d01d10
}
.service-item4:hover {
	background-color: #74327a

}
.number1:hover {
	background-color: #fe788e
}
.number2:hover {
	background-color: #409c89
}
.number3:hover {
	background-color: #aace3f
}
.number4:hover {
	background-color: #d01d10
}
.font-change {
	font-family: 'Open Sans Condensed', sans-serif;
	height: 110px;
}
.text-size {
	font-size: 60px
}
.text2 {
	font-size: 30px
}
.motto {
	font-size: 20px
}
.cc1:hover {
	color: #fe788e
}
.about-promo:hover .about-promo-item:hover i:hover {
	color: #fe788e
}
.cc2:hover {
	color: #74327a
}
.about-promo:hover .about-promo-item2:hover i:hover {
	color: #74327a
}
.cc3:hover {
	color: #aace3f
}
.about-promo:hover .about-promo-item3:hover i:hover {
	color: #aace3f
}
.cc4:hover {
	color: #d01d10
}
element.style {
	animation-delay: 2s
	height: 100px;
}
@media screen and (max-width: 520px) {
	.text-size {
		font-size: 5vw
	}
	.text2 {
		font-size: 2.5vw
	}
}

@media screen and (max-width: 992px) {
	.text-size {
		font-size: 4vw
	}
	.text2 {
		font-size: 2vw
	}
}