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

body {
padding: 0;
margin: 0;
background: rgb(214, 214, 214);
}

#notfound {
position: relative;
height: 100vh;
}

#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: 520px;
width: 100%;
text-align: center;
}

.notfound .notfound-bg {
position: absolute;
left: 0px;
right: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
z-index: -1;
}

.notfound .notfound-bg > div {
width: 100%;
background: #fff;
border-radius: 90px;
height: 125px;
}

.notfound .notfound-bg > div:nth-child(1) {
-webkit-box-shadow: 5px 5px 0px 0px #f3f3f3;
      box-shadow: 5px 5px 0px 0px #f3f3f3;
}

.notfound .notfound-bg > div:nth-child(2) {
-webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
      transform: scale(1.3);
-webkit-box-shadow: 5px 5px 0px 0px #f3f3f3;
      box-shadow: 5px 5px 0px 0px #f3f3f3;
position: relative;
z-index: 10;
}

.notfound .notfound-bg > div:nth-child(3) {
-webkit-box-shadow: 5px 5px 0px 0px #f3f3f3;
      box-shadow: 5px 5px 0px 0px #f3f3f3;
position: relative;
z-index: 90;
}

.notfound h1 {
font-size: 86px;
text-transform: uppercase;
font-weight: 700;
margin-top: 0;
margin-bottom: 8px;
color: rgb(75, 75, 75);
}

.notfound h2 {
font-size: 26px;
margin: 0;
font-weight: 700;
color: rgb(75, 75, 75);
}

.notfound a {
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
background: #18e06f;
display: inline-block;
padding: 15px 30px;
border-radius: 5px;
color: #fff;
font-weight: 700;
margin-top: 20px;
}

.notfound-social {
margin-top: 20px;
}

.notfound-social>a {
display: inline-block;
height: 40px;
line-height: 40px;
width: 40px;
font-size: 14px;
color: #fff;
background-color: #dedede;
margin: 3px;
padding: 0px;
-webkit-transition: 0.2s all;
transition: 0.2s all;
}
.notfound-social>a:hover {
background-color: #18e06f;
}

@media only screen and (max-width: 767px) {
.notfound .notfound-bg {
  width: 287px;
  margin: auto;
}

.notfound .notfound-bg > div {
  height: 85px;
}
}

@media only screen and (max-width: 480px) {
.notfound h1 {
font-size: 68px;
}

.notfound h2 {
font-size: 18px;
}
}