.notfound {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px 0 100px;
	width: 100%;
	min-height: 100vh
}
.notfound-box {
	display: flex;
	align-items: flex-end;
	margin-bottom: 32px
}
.notfound-box img {
	flex-shrink: 0;
	margin: 0 16px
}
.notfound-box span {
	font-family: "e-Ukraine Head", sans-serif;
	font-weight: 500;
	font-size: 300px;
	line-height: 82%;
	color: #111e60
}
.notfound-title {
	font-family: "e-Ukraine Head", sans-serif;
	font-weight: 500;
	font-size: 36px;
	line-height: 130%;
	max-width: 1000px;
	margin-bottom: 20px;
	text-align: center;
	color: black;
	width: 100%
}
.notfound-subtitle {
	font-family: "e-Ukraine Head", sans-serif;
	font-size: 20px;
	line-height: 130%;
	max-width: 600px;
	width: 100%;
	margin-bottom: 40px;
	text-align: center;
	color: black
}
.notfound-btn {
	display: flex;
	justify-content: center
}
.notfound-btn .btn {
	min-width: 218px
}
@media screen and (max-width: 767px) {
    .notfound-box img {
		width: 28vw
	}
	.notfound-box span {
		font-size: 35vw
	}
	.notfound-title {
		font-size: 5vw
	}
	.notfound-subtitle {
		font-size: 3vw
	}
}
@media screen and (max-width: 575px) {
    .notfound {
		padding: 40px 0
	}
	.notfound-box img {
		margin: 0 10px
	}
	.notfound-box span {
		font-size: 35vw
	}
	.notfound-title {
		font-size: 5.5vw
	}
	.notfound-subtitle {
		font-size: 4vw
	}
}

.theme-dark .notfound-title {
  color: white;
}

.theme-dark .notfound-subtitle {
  color: white;
}