.events {
	width: 100%;
	margin-bottom: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	background: var(--color-gray-100);
}

.events h2 {
	font-size: 1.5rem;
	font-family: var(--font-family-body), sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.events-button .button {
	width: 100%;
	justify-content: center;
}

.events-right {
	margin-bottom: 30px;
}

.events-right picture,
.events-right img {
	width: 100%;
	display: block;
}

.events-button {
	margin-top: 24px;
}

@media screen and (min-width: 768px) {
	.events-inner {
		display: flex;
		flex-wrap: wrap;
	}

	.events-left {
		width: 54%;
	}

	.events-right {
		width: 40.5%;
		margin-left: auto;
		order: 1;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1025px) {
	.block-events-title {
		max-width: 70%;
	}

	.block-events .button {
		position: absolute;
		bottom: 30px;
		right: 0;
	}

	.events {
		padding-top: 70px;
		padding-bottom: 70px;
		margin-bottom: 80px;
	}

	.events-button .button {
		width: auto;
	}
}