/* CSS Document */
.lrn h1 {
	font-size: 16px;
}
.btn-banner {
	font-size: 12px;
	transform: translate(0,2%);
}
.icon {
	font-size: 32px;
}
@media (max-width: 768px) {
	.icon-box {
		background-color: rgb(250,179,28);
		height: 100%;
	}
	.icon-box img {
		display: none;
	}
	.lrn h1 {
		font-size: 12px;
	}
	.btn-banner {
		font-size: 10px;
		transform: translate(0,0);
		overflow: hidden;
		margin: 0;
		padding: 5px;
	}
	.icon {
		font-size: 22px;
	}
}
@media (max-width: 524px) {
	.lrn h1 {
		font-size: 10px;
	}
}
.journey-bar {
	background-size: 50% 100%;
}
.journey-text-box h1 {
	padding: 2%;
	font-size: 40px;
}
.journey-text-box p {
	padding: 2%;
}
.journey-boxes-icon .tree {
	transform: translate(50%, 30%);
	font-size: 3.5em;
}
.journey-boxes-icon .wheel {
	transform: translate(20%, 30%);
	font-size: 3.5em;
}
.journey-boxes-icon .ship{
	transform: translate(10%, 30%);
	font-size: 3.5em;
}