<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>

    <style media="screen">

    body{
      background: #b4b4b4;
    }

    ._404_hr {
      width: 29%;
      height: 2px;
      background: #9a9a9a;
      border: 0;
      opacity: 0.4;
    }

    ._404_h1{
      display: block;
      font-size: 250px;
      text-align: center;
      margin: 0;
      color: #3f3f3f;
      font-family: aleo, serif;
      text-shadow: 10px 9px 3px #e1e1e1;
    }

    ._404_h1 strong{
      color: #e25900;
    }
    .container_404{
      width: 625px;
      max-width: 625px;
      margin: 0 auto;
      position: relative;
      border: 5px solid grey;
      padding: 20px;
      background: #eeeeee;
      word-break: break-all;
    }

    .error_content{
      padding: 10px;
      background: #eeeeee;
      margin: -30px 0 13px;
    }

    .error_content strong{
      display: block;
      text-align: center;
      font-family: sans-serif;
      color: #e25900;
      font-weight: bold;
      font-size: 22px;
      text-transform: uppercase;
    }

    .container_404 span{
      display: block;
      text-align: center;
      font-size: 20px;
      color: #9a9a9a;
      padding: 20px 0 10px;
      width: 84%;
      margin: 0 auto;
      word-break: break-word;
    }

    span a {
      text-decoration: none;
      color: #3f3f3f;
      padding-left: 5px;
    }

    .block-ms-box-btn2{
      background-color: #979797;
      color: #fff !important;
      padding: 10px 25px 10px 25px;
      text-decoration: none !important;
      display: flex;
      justify-content: space-around;
      font: normal 16px/1 'PT Sans', sans-serif;
      border-bottom: 2px solid #787878;
      transition: 0.4s;
    }

    .block-ms-box-btn2:hover{
        background-color: #ff781f;
        transition: 0.4s;
        box-shadow: 0 5px 10px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.24);
        border-bottom: 2px solid #fb6503;
    }

    .block-ms-box-a{
        text-decoration: none;
        color: #fff;
        margin-right: 50px;
    }

    .btn-class2{
        padding-top: 15px;
        max-width: 510px;
        min-width: 200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
    }

    @media screen and (max-width: 700px) {
      .container_404{
        width: 70%;
      }

      .btn-class2{
        display: block;
        width: 90%;
        margin: 0 auto;
        padding-top: 1px !important;
      }
      .block-ms-box-btn2 {
          margin: 15px;
          padding: 10px 25px 10px 25px;
      }
      ._404_h1{
        font-size: 100px;
      }
      .error_content {
          margin: 0;
          position: relative;
      }
      .error_content strong{
        word-break: break-word;
        font-size: 18px;
      }
    }


    </style>

    <div class="container_404">
      <div class="text_404">
          <h1 class="_404_h1">40<strong>4</strong></h1>
      </div>

      <div class="error_content">
        <strong>A keresett oldal nem található!</strong>

      </div>
      <hr class="_404_hr">
      <span>Talán elgépelte az oldal nevét, talán a szervereinkről hiányzik a keresett oldal, ez a keresése nem vezetett eredményre. Kérjük válasszon domain-t az alábbiak közül:</span>


      <div class="btn-class2">

          <a class="block-ms-box-btn2" href="http://hvg.hu">
            hvg.hu
          </a>

          <a class="block-ms-box-btn2" href="http://jobline.hu">
            jobline.hu
          </a>

          <a class="block-ms-box-btn2" href="http://adozona.hu">
            adozona.hu
          </a>

          <a class="block-ms-box-btn2" href="http://eduline.hu">
            eduline.hu
          </a>

      </div>


    </div>

  </body>
</html>
