.about-hero {
	background: #8a7a5c;
	padding: 60px 20px 70px;
	text-align: center;
	font-family: "Monserrat", Sans-serif;
}

.about-hero__title {
	color: #FFFFFF;
	font-size: 34px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 26px;
}

.about-hero__scroll {
	width: 58px;
	height: 58px;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	background: transparent;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.25s ease;
}

.about-hero__scroll:hover {
	background: rgba(255, 255, 255, 0.15);
}

.about-hero__scroll img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

@media (max-width: 768px) {
	.about-hero__title {
		font-size: 26px;
	}
}