@import url(../../css/style.css);
html, body {
  height: 100%;
  width: 100%;
  overflow: hidden; }

body {
  background: url(../../img/dist/404bg.jpg) center 0/cover; }

header {
  background: rgba(247, 248, 250, 0.37); }

.wrap {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }
  .wrap .inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000; }
    .wrap .inner .not-found {
      padding: 0 10%;
      margin-top: -200px;
      text-align: center; }
      .wrap .inner .not-found .go-experice {
        margin: 30px 0 0; }
    .wrap .inner h1 {
      font-size: 70px; }
    .wrap .inner h3 {
      font-size: 50px;
      white-space: nowrap; }
    @media screen and (max-width: 768px) {
      .wrap .inner h1 {
        font-size: 45px; }
      .wrap .inner h3 {
        white-space: normal; } }