codesignd Patterns

.home-banner {
	display: flex;
	align-items: flex-start;
	
	@media (max-width: 44em) {
		flex-direction: column;
		align-items: center;
	}
}

.home-banner__illustration {
	width: 25em;
	max-width: 100%;
	margin-right: 4em;
	
	@media (max-width: 60em) {
		width: 45%;
		margin-right: 2em;
	}
	
	@media (max-width: 44em) {
		width: 20em;
		margin-right: 0;
		margin-bottom: 1em;
	}
}

.home-banner__description {
	flex: 1;
}

.home-banner__text {
	font-size: -cdd-rem(24);
	line-height: 1.55;
	margin-bottom: 0.5em;
}