.jc-padding {
	padding: 1.5rem 2.5rem;
}

.jc-section-padding {
	padding: 7.5rem 7.5rem 4rem 7.5rem;

	@media only screen and (max-width: 768px) {
		padding: 2.25rem 3rem;
	}
}

.jc-section-padding-75-40 {
	padding: 4rem 7.5rem;

	@media only screen and (max-width: 768px) {
		padding: 2.25rem 3rem;
	}
}

.jc-section-padding-20-200 {
	padding: 2rem 20rem;

	@media only screen and (max-width: 768px) {
		padding: 2.25rem 3rem;
	}
}

.jc-section-padding-40-40 {
	padding: 4rem;

	@media only screen and (max-width: 768px) {
		padding: 2.25rem 3rem;
	}
}

.jc-section-padding-75-75 {
	padding: 7.5rem;

	@media only screen and (max-width: 768px) {
		padding: 2.25rem 3rem;
	}
}

.margin-bottom-40 {
	margin-bottom: 4rem;
}

.padding-30 {
	padding: 3rem;

	@media only screen and (max-width: 768px) {
		padding: 0.8rem;
	}
}

.margin-top-40 {
	margin-top: 4rem;
}

.padding-15-25 {
	padding: 1.5rem 2.5rem;

	@media only screen and (max-width: 768px) {
		padding: 0.8rem;
	}
}

.padding-10-20 {
	padding: 1rem 2rem;

	@media only screen and (max-width: 768px) {
		padding: 0.8rem;
	}
}

.padding-10-10 {
	padding: 1rem;

	@media only screen and (max-width: 768px) {
		padding: 0.8rem;
	}
}

h2 {
	margin-bottom: 4rem;
}

.col-md-3 {
	@media only screen and (min-width: 768px) {
		width: 24%;
	}
}

.col-md-4 {
	@media only screen and (min-width: 768px) {
		width: 32%;
	}
}

.col-6 {
	@media only screen and (max-width: 768px) {
		width: 47%;
	}
}

.col-md-6 {
	@media only screen and (min-width: 768px) {
		width: 47%;
	}
}

.jc-width-75 {
	width: 75%;

	@media only screen and (max-width: 768px) {
		width: 100%;
	}
}