.page-404 {
	background: url(../images/bg-3.svg) no-repeat 100% / cover;
	overflow: hidden;
	&__body {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 60px 0;
		color: $black;
		font-size: 12px;
		gap: 10px;
		line-height: 1.4;
		@media (min-width: $tablet) {
			font-size: 18px;
			padding: 120px 0;
			gap: 20px;
		}
		@media (min-width: $desktop) {
			padding: 180px 0;
			text-align: left;
		}
	}
	&__numb {
		font-size: 114px;
		line-height: 1;
		color: $green;
		font-weight: 700;
		@media (min-width: $tablet) {
			font-size: 184px;
		}
	}
	&__title {
		@media (min-width: $tablet) {
			font-weight: 700;
			font-size: 44px;
		}
		@media (min-width: $desktop) {
			width: 710px;
			position: relative;
			left: 200px;
		}
	}
	&__subtitle {
		@media (min-width: $desktop) {
			width: 710px;
			position: relative;
			left: 200px;
		}
	}
	&__button {
		margin-top: 10px;
		@media (min-width: $desktop) {
			position: relative;
			left: -45px;
		}
	}
}