* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    padding: 0;
    margin: 0
}

#error {
    position: relative;
    height: 100vh
}

   #error .error {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%)
   }

.error {
   max-width: 767px;
   width: 100%;
   line-height: 1.4;
   text-align: center;
   padding: 15px
}

   .error .error-500 {
      position: relative;
      height: 220px
   }

   .error .error-500 h1 {
      font-family: kanit,sans-serif;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      font-size: 186px;
      font-weight: 200;
      margin: 0;
      background: #ff0000;
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      text-transform: uppercase
   }

   .error h2 {
      font-family: kanit,sans-serif;
      font-size: 50px;
      font-weight: 200;
      text-transform: uppercase;
      margin-top: 0;
      margin-bottom: 25px;
      letter-spacing: 3px;
      color:#ff0000
   }

   .error p {
      font-family: kanit,sans-serif;
      font-size: 16px;
      font-weight: 200;
      margin-top: 0;
      margin-bottom: 25px;
      color:#ff0000
   }

   .error a {
      font-family: kanit,sans-serif;
      color: #0645AD;
      font-weight: 200;
      text-decoration: none;
      border-bottom: 1px dashed #0645AD;
      border-radius: 2px;
   }

.error-social > a {
   display: inline-block;
   height: 40px;
   line-height: 40px;
   width: 40px;
   font-size: 14px;
   color: #ff6f68;
   border: 1px solid #efefef;
   border-radius: 50%;
   margin: 3px;
   -webkit-transition: .2s all;
   transition: .2s all
}

   .error-social > a:hover {
      color: #fff;
      background-color: #ff6f68;
      border-color: #ff6f68
   }

@media only screen and (max-width:480px) {
    .error .error-500 {
        position: relative;
        height: 168px
    }

    .error .error-500 h1 {
        font-size: 142px
    }

    .error h2 {
        font-size: 22px
    }
}