#notfound{position:relative;height:60vh}#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:460px;width:100%;text-align:center;line-height:1.4}.notfound .notfound-404{position:relative;width:180px;height:180px;margin:0 auto 50px}.notfound .notfound-404>div:first-child{position:absolute;left:0;right:0;top:0;bottom:0;background:#d6ceb3;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border:5px dashed #9d865c;border-radius:5px}.notfound .notfound-404>div:first-child:before{content:'';position:absolute;left:-5px;right:-5px;bottom:-5px;top:-5px;-webkit-box-shadow:0 0 0 5px rgba(0,0,0,.1) inset;box-shadow:0 0 0 5px rgba(0,0,0,.1) inset;border-radius:5px}.notfound .notfound-404 h1{color:#9d865c;font-weight:700;margin:0;font-size:90px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;text-align:center;height:40px;line-height:40px}.notfound h2{font-size:33px;font-weight:700;text-transform:uppercase;letter-spacing:7px}.notfound p{font-size:16px;color:#000;font-weight:400}.notfound a{display:inline-block;padding:10px 25px;background-color:#8f8f8f;border:none;border-radius:40px;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;text-decoration:none;-webkit-transition:.2s all;transition:.2s all}.notfound a:hover{background-color:#2c2c2c}