.head404 {
    width: 580px;
    height: 234px;
    margin: 50px auto 0 auto;
    background: url(../img/error1.png) no-repeat;
}

.txtbg404 {
    width: 499px;
    height: 169px;
    margin: 10px auto 0 auto;
    background: url(../img/error2.png) no-repeat;
}

    .txtbg404 .txtbox {
        width: 390px;
        position: relative;
        top: 30px;
        left: 60px;
        color: #eee;
        font-size: 13px;
    }

        .txtbg404 .txtbox p {
            font-size: 18px;
            color: yellow;
            text-align: center;
        }
@media screen and (max-width: 576px) {
    .head404 {
        width: 100%;
        height: 10rem;
        margin: 0 0 0 0;
        background: url(../img/error11.jpg) no-repeat;
    }

    .txtbg404 {
        width: 100%;
        height: 10rem;
        margin: 0 0 0 0;
        background: url(../img/error22.jpg) no-repeat;
    }

        .txtbg404 .txtbox {
            width: 65%;
        }

}