*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body{
	font-family: Arial, sans-serif;
	font-size: .875rem;
	line-height: 1.1;
	font-weight: 400;
	padding: 0; 
	margin: 0;
}

#notfound{
	position: relative;
	height: 100vh;
	padding: 0 2rem 0 0;
	width: calc(100% - 2rem);
}

#notfound .notfound{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.notfound{
	max-width:560px;
	width:100%;
	padding-left:160px;
}

.notfound .notfound-404{
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	width:140px;
	height:140px;
	background-image:url(../images/404.png);
	background-size:cover
}

.notfound .notfound-404:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	-webkit-transform:scale(2.4);
	-ms-transform:scale(2.4);
	transform:scale(2.4);
	border-radius:50%;
	background-color:#f2f5f8;
	z-index:-1
}

.notfound h1{
	font-size:65px;
	font-weight:700;
	margin-top:0;
	margin-bottom:10px;
	color:#151723;
	text-transform:uppercase;
}

.notfound h2{
	font-size:21px;
	font-weight:400;
	margin:0;
	text-transform:uppercase;
	color:#151723
}

.notfound p{
	color:#999fa5;
	font-weight:400;
	line-height: 1.4;
	margin: 1.2rem 0;
}

.notfound a{
	display:inline-block;
	font-weight:700;
	border-radius:40px;
	text-decoration:none;
	color:#388dbc
}

@media only screen and (max-width:767px){
	.notfound .notfound-404{
		width:110px;
		height:110px
	}

	.notfound{
		/* padding-left:15px;
		padding-right:15px;
		padding-top:110px */
		padding-left: 120px;
	}
}