.top-text {
	width: 961px;
	margin: 100px auto 32px;
	font-size: 1.125em;
}

.button-for-all-events {
	width: 413px;
	margin: 0 auto 50px;
	background-color: #c0ea6a;
	background-color: var(--green, #c0ea6a);
	color: #000;
	color: var(--black, #000);
	text-align: center;
	font-weight: bold;
}

.button-for-all-events:hover {
	background-color: #000;
	background-color: var(--black, #000);
	color: #c0ea6a;
	color: var(--green, #c0ea6a);
}

.button-for-all-events a {
	display: block;
	padding: 16px 0;
}

@media (max-width: 1023px) {
/* 	.main-page-banner {
		height: 450px;
	} */
}

@media (max-width: 1000px) {
	.top-text {
		width: 90%;
	}
}

@media (max-width: 750px) {
/* 	.top-image {
		height: 450px;
	} */
}

@media (max-width: 450px) {
/* 	.top-image {
		height: 250px;
	} */

	.top-image .title {
		font-size: 4.250rem;
		text-align: center;
	}

	.button-for-all-events {
		width: 90%;
	}
}