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