@font-face {
        font-family: 'robotolight';
        src: url('../fonts/roboto-light.eot');
        src: url('../fonts/roboto-light.eot?#iefix') format('embedded-opentype'),
             url('../fonts/roboto-light.woff2') format('woff2'),
             url('../fonts/roboto-light.woff') format('woff'),
             url('../fonts/roboto-light.ttf') format('truetype'),
             url('../fonts/roboto-light.svg#robotolight') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'robotoregular';
        src: url('../fonts/roboto-regular.eot');
        src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
             url('../fonts/roboto-regular.woff2') format('woff2'),
             url('../fonts/roboto-regular.woff') format('woff'),
             url('../fonts/roboto-regular.ttf') format('truetype'),
             url('../fonts/roboto-regular.svg#robotoregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    #error404 { height:100%; font-family: "robotolight", "Arial", "Tahoma";  }
    #error404 body { background: #fff; height:100%; }
    #error404 .container { display: table; height:100%; vertical-align: middle; }
    #error404 .display-cell { display: table-cell; vertical-align: middle; float: none; }
    #error404 h1 { color: #f05928; font-size: 27px; line-height: 1.2em; padding: 0px 0px 15px 0px; margin: 0px; font-family: 'robotolight'; font-weight: normal; }
    #error404 p { color: #626261; font-size: 22px; line-height: 1.2em; padding: 5px 0px 35px 0px; margin: 0px; font-family: 'robotolight'; font-weight: normal; }
    #error404 .img-responsive {width: 100%!important;}
    #error404 .logo-akademia { margin-bottom: 30px; margin-top:20px;}

    .btn_orange{ display: table; background: #f05928; padding: 11px 51px; border-radius: 90px; color: #fff; font-size: 22px; font-weight: 400; font-family: "robotolight", "Arial", "Tahoma"; cursor: pointer; }
    .btn_orange:hover{ background: #fff; color: #f05928; border: 1px solid #f05928; text-decoration: none; padding: 10px 50px; }
    
    @media (max-width: 768px) {
        #error404 .display-cell { display: block; text-align: center; margin:auto;}
        #error404 .display-cell .btn_orange { display: block; }
    }
    @media (min-width: 992px) {
        #error404 .container { width: 992px!important; }
    }
    @media (min-width: 1286px) {
        #error404 .container { width: 1280px!important; }
    }