*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0}#notfound{position:relative;height:100vh;background-color:#4b4d57}#notfound .notfound{position:absolute;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:460px;width:100%;text-align:center;line-height:1.4}.notfound .notfound-404{height:158px;line-height:153px}.notfound .notfound-404 h1{font-family:josefin sans,sans-serif;color:#4b4d57;font-size:220px;letter-spacing:10px;margin:0;font-weight:700;text-shadow:2px 2px 0 #c9c9c9,-2px -2px 0 #c9c9c9}.notfound .notfound-404 h1>span{text-shadow:2px 2px 0 #690,-2px -2px 0 #690,0 0 8px #690}.notfound p{font-family:josefin sans,sans-serif;text-transform:uppercase;color:#c9c9c9;font-size:16px;font-weight:400;margin-top:0;margin-bottom:25px}.notfound a{font-family:josefin sans,sans-serif;font-size:18px;text-decoration:none;text-transform:uppercase;background:0 0;color:#c9c9c9;border:2px solid #c9c9c9;display:inline-block;padding:12px 25px;font-weight:700;-webkit-transition:.3s all;transition:.3s all}.notfound a:hover{color:#690;border-color:#690}@media only screen and (max-width:480px){.notfound .notfound-404{height:122px;line-height:122px}.notfound .notfound-404 h1{font-size:122px}}