.wrapper404 {
    .wrapper();
    position: relative;
    height: 100vh;
    max-width: 600px;
 
    @media @mobile {
        padding: 30px 0;
        height: auto;
    }
}
.content404 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;

    @media @mobile {
        padding: 30px 10px;
        position: static;
        transform: none;
    }

    .column {
        width: 50%;
        float: right;
        padding: 0 20px;

        @media @mobile {
            position: static;
            width: 100%;
            padding: 20px 0;
            float: none;
        }

        &:nth-child(1) {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background: @background_color;

            @media @mobile {
                position: static;
                padding: 30px 0;
            }
        }
    }

    .logo404 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        @media @mobile {
            position: static;
            transform: none;
        }
    }
}