.keynoteBanner {background-size: cover !important;position: relative;padding-top: 85px;}

.keynoteBanner:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #00000080;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
}

.keynoteBanner__Inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: calc(100vh - 86px);
	text-align: center;
	position: relative;
	gap: 33px;
}

.keynoteBanner__Inner h1 {
	font-family: Golos Text;
	font-size: 32px;
	font-weight: 500;
	line-height: 38.4px;
	letter-spacing: -0.04em;
	color: #FFFFFF;
	margin: 0;
}

.keynoteBanner__Inner h2 {
	font-family: Golos Text;
	font-size: 84px;
	font-weight: 500;
	line-height: 100.8px;
	letter-spacing: -0.04em;
	color: #fff;
	margin: 0;
}

.keynoteBanner__Inner p {
  color: #fff;
}

.keynoteBanner__Inner button {
	width: 278px;
	height: 40px;
	padding: 8px 15px;
	font-family: Golos Text;
	font-size: 20px;!im;!i;!;
	font-weight: 500;
	line-height: 22px;
	color: #000000;
}

.keynoteBanner__Inner button:before {
	content: none;
}

.keynoteBanner__Inner button:hover, .keynoteBanner__Inner button:active, .keynoteBanner__Inner button:focus {
	color: #ffd300;
}

@media screen and (max-width: 993px) {
	.keynoteBanner__Inner h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.keynoteBanner__Inner h2 {
		font-size: 48px;
		line-height: 60px;
	}
}

@media screen and (max-width: 993px) {
	.keynoteBanner__Inner h1 {
		font-size: 18px !important;
		line-height: 24px !important;
	}

	.keynoteBanner__Inner h2 {
		font-size: 32px !important;
		line-height: 40px !important;
	}

	.keynoteBanner__Inner button {
		width: 240px;
		font-size: 16px !important;
	}

	.keynoteBanner__Inner {
		gap: 20px;
	}
}

@media screen and (max-width: 768px) {
	.keynoteBanner__Inner {
		height: 500px;
	}

	.keynoteBanner {
		background-position: center;
	}
}