.hero {
	flex-direction: row;
}

.hero>.title {
	text-align: left;
}

.hero>.title>p {
	width: 100%;
}

.hero-describe {
	font-size: 1.5625rem;
	text-align: left;
}

.hero-link {
	color: #3D6098;
	transition: color 75ms ease-out;
}

.hero-link:hover {
	color: #F04B4C;
}

.hero-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

@media screen and (max-width: 700px) {
	.hero>.title {
		text-align: center;
	}

	.hero-describe {
		font-size: 1.25rem;
	}
}