*{box-sizing:border-box}body{padding:0;margin:0}#notfound{position:relative;height:100vh}#notfound .notfound{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.notfound{max-width:520px;width:100%;line-height:1.4;text-align:center}.notfound .notfound-404{position:relative;height:200px;margin:0 auto 20px;z-index:-1}.notfound .notfound-404 h1{margin:0;color:#211b19;text-transform:uppercase;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:200 236px 'Montserrat',sans-serif}.notfound .notfound-404 h2{text-transform:uppercase;color:#211b19;background:#fff;padding:10px 5px;margin:auto;display:inline-block;position:absolute;bottom:0;left:0;right:0;font:400 28px 'Montserrat',sans-serif}.notfound a{display:inline-block;text-decoration:none;color:#fff;text-transform:uppercase;padding:13px 23px;background:#005cea;transition:.2s all;font:700 18px 'Montserrat',sans-serif}.notfound a:hover{color:#005cea;background:#211b19}@media only screen and (max-width: 767px){.notfound .notfound-404 h1{font-size:148px}}@media only screen and (max-width: 480px){.notfound .notfound-404{height:148px;margin:0 auto 10px}.notfound .notfound-404 h1{font-size:86px}.notfound .notfound-404 h2{font-size:16px}.notfound a{padding:7px 15px;font-size:14px}}
