.not-found-wrapper {
	/* background: #3b4862; */
	max-height: 100vh;
	display: flex;
    align-items: center;
    padding: 30px;
}
.nf-header {
	padding: 30px 15px;
}
.nf-header a {
	color: #a5b1c0;
	font: 100 32px/34px 'Poppins', sans-serif;
	text-transform: uppercase;
	max-width: 240px;
	display: block;
}
.nf-header img {
	margin-right: 10px;
	vertical-align: top;
	max-width: 100%;
	width: 100%;
}
.nf-header a:hover, .nf-header a:active, .nf-header a:focus {
	color: #fff;
	text-decoration: none;
	transition: all 300ms ease-in-out;
}
.nf-main {
	padding: 30px;
	background: #fff;
    /* box-shadow: 0px 20px 30px -15px rgb(24 32 49 / 0.75); */
}
.nf-content {
    max-width: 640px;
	width: 100%;
	margin: 0 auto;
}
.nf-content .nf-text{
	text-align: center;
}
.nf-content .nf-text h1 {
    color: #7e8a84;
    font: 700 32px 'Poppins', sans-serif;
    margin: 0;
    text-align: center;
}
.nf-content .nf-text h1 a{
	color: #697971;
	text-decoration: none;
	transition: color 0.3s linear;
}
.nf-content .nf-text h1 a:hover{
	color: #54615a;
	transition: color 0.3s linear;
}
.nf-btn-group{
	margin: 30px 0 0 0;
}
.nf-btn-group .nf-btn{
	margin-right: 15px;
}
.nf-btn-group .nf-btn:last-child{
	margin-right: 0;
}
.nf-content .nf-text .nf-btn {
	border: 2px solid  #3b4862;
    background-color: #3b4862;
	border-radius: 100px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	font: 500 14px 'Poppins', sans-serif;
	padding: 12px 30px 9px 30px;
	margin-bottom: 15px;
	text-transform: uppercase;
	transition: all 0.25s ease-in;
}
.nf-content .nf-text .nf-btn:hover, .nf-content .nf-text .nf-btn:active, .nf-content .nf-text .nf-btn:focus {
	background: transparent;
    color: #3b4862;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
	transition: all 0.35s ease-in;
}
.nf-content .nf-text .nf-btn.nf-outline{
	background: transparent;
	color: #3b4862;
	transition: all 0.25s ease-in;
}
.nf-content .nf-text .nf-btn.nf-outline:hover, .nf-content .nf-text .nf-btn.nf-outline:active, .nf-content .nf-text .nf-btn.nf-outline:focus {
	background: #3b4862;
    color: #fff;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
	transition: all 0.35s ease-in;
}
.glitch {
	color: #52535d;
	font-family: Poppins, sans-serif;
	font-size: 120px;
	font-weight: 600;
	position: relative;
	z-index: 3;
}
.glitch-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		max-width: none;
		align-items: center;
  }
	.glitch-emoji {
    width: 120px;
    opacity: 0.32;
    position: relative;
    top: auto;
	right: auto;
    transform: none;
    margin: 0;
	}

 @keyframes noise-anim {
 0% {
clip: rect(53px, 999px, 113px, 0);
}
 5% {
clip: rect(28px, 999px, 114px, 0);
}
 10% {
clip: rect(55px, 999px, 37px, 0);
}
 15% {
clip: rect(77px, 999px, 80px, 0);
}
 20% {
clip: rect(79px, 999px, 120px, 0);
}
 25% {
clip: rect(44px, 999px, 24px, 0);
}
 30% {
clip: rect(43px, 999px, 18px, 0);
}
 35% {
clip: rect(48px, 999px, 32px, 0);
}
 40% {
clip: rect(22px, 999px, 82px, 0);
}
 45% {
clip: rect(100px, 999px, 120px, 0);
}
 50% {
clip: rect(75px, 999px, 115px, 0);
}
 55% {
clip: rect(24px, 999px, 50px, 0);
}
 60% {
clip: rect(75px, 999px, 55px, 0);
}
 65% {
clip: rect(50px, 999px, 105px, 0);
}
 70% {
clip: rect(7px, 999px, 9px, 0);
}
 75% {
clip: rect(63px, 999px, 64px, 0);
}
 80% {
clip: rect(50px, 999px, 106px, 0);
}
 85% {
clip: rect(60px, 999px, 60px, 0);
}
 90% {
clip: rect(94px, 999px, 40px, 0);
}
 95% {
clip: rect(82px, 999px, 120px, 0);
}
 100% {
clip: rect(30px, 999px, 119px, 0);
}
}
.glitch:after {
	animation: noise-anim 2s infinite linear alternate-reverse;
	content: '404';
	left: 2px;
	overflow: hidden;
	position: absolute;
	text-shadow: -2px 0 #474747;
}
 @keyframes noise-anim-2 {
 0% {
clip: rect(24px, 0, 107px, 999px);
}
 5% {
clip: rect(39px, 0, 120px, 999px);
}
 10% {
clip: rect(19px, 0, 43px, 999px);
}
 15% {
clip: rect(43px, 0, 100px, 999px);
}
 20% {
clip: rect(75px, 0, 61px, 999px);
}
 25% {
clip: rect(86px, 0, 56px, 999px);
}
 30% {
clip: rect(80px, 0, 108px, 999px);
}
 35% {
clip: rect(5px, 0, 80px, 999px);
}
 40% {
clip: rect(31px, 0, 43px, 999px);
}
 45% {
clip: rect(23px, 0, 54px, 999px);
}
 50% {
clip: rect(89px, 0, 113px, 999px);
}
 55% {
clip: rect(48px, 0, 63px, 999px);
}
 60% {
clip: rect(89px, 0, 120px, 999px);
}
 65% {
clip: rect(51px, 0, 62px, 999px);
}
 70% {
clip: rect(73px, 0, 120px, 999px);
}
 75% {
clip: rect(37px, 0, 100px, 999px);
}
 80% {
clip: rect(34px, 0, 110px, 999px);
}
 85% {
clip: rect(41px, 0, 102px, 999px);
}
 90% {
clip: rect(68px, 0, 115px, 999px);
}
 95% {
clip: rect(41px, 0, 41px, 999px);
}
 100% {
clip: rect(37px, 0, 101px, 999px);
}
}
.glitch:before {
	animation: noise-anim-2 3s infinite linear alternate-reverse;
	content: '404';
	left: -1px;
	overflow: hidden;
	position: absolute;
	text-shadow: 2px 0 #636363;
}
@media(max-width:480px){
	.nf-content .nf-text h1 {
		font-size: 28px;
	}
	.glitch {
        font-size: 100px;
    }
	.not-found-wrapper {
		padding: 15px 0;
	}
}
@media(max-width:360px){
	.glitch-emoji {
		width: 105px;
	}
	.nf-content .nf-text h1 {
		font-size: 21px;
	}
	.nfm-head {
		font-size: 24px;
	}
	.nf-main {
		padding: 15px;
	}
	.glitch {
        font-size: 90px;
    }
.nf-content .nf-text .nf-btn {
    padding: 10px 20px 7px 20px;
  }
}