.intro .inner {
	margin: 30px 0 0 0;
}

.intro .left {
	text-align: center;
}

.intro .right {
	display: none;
}

.intro .right img {
	border: 23px solid #FFFFFF;
	width: 100%;
}

@media (min-width: 992px) {

	.intro .inner {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 30px;
		margin: -50px auto 0 auto;
	}

	.intro .left,
	.intro .right {
		flex-grow: 1;
		flex-basis: 45%;
		text-align: right;
	}

	.intro .left {
		padding-top: 80px;
	}

	.intro .right {
		display: block;
	}

}

@media (min-width: 1200px) {

	.intro .inner {
		margin-top: -70px;
	}

	.intro .left {
		padding-top: 120px;
	}

}