body {
    margin: 0 0 0;
}

.menu-box-w {
    width: 1200px;
    margin:0 auto;
}

    .menu-box-w .block {
        width: 50%;
        float: left;
        position: relative;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

        .menu-box-w .block img {
            width: 100%;
            float: left;
        }

        .menu-box-w .block .text {
            width: 80%;
            position: absolute;
            z-index: 10;
            bottom: 20px;
            left: 10%;
            background: rgba(255,255,255,0.5);
            border: 1px solid #000;
            text-align: center;
            height: 50px;
            font-size: 25px;
            line-height: 50px;
            cursor: pointer;
        }

            .menu-box-w .block .text:hover {
                background: rgba(255,255,255,1);
            }

@media screen (min-width:901px) and (max-width:1200px) {
    /*.menu-box-w {
        width: 100%;
    }*/
}
    @media screen and (max-width:900px) {
        .menu-box-w .block {
            /*width: 100%;*/
            width: 50%;
            float: left;
            position: relative;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }

            .menu-box-w .block .text {
                width: 90%;
                position: absolute;
                z-index: 10;
                bottom: 20px;
                left: 5%;
                background: rgba(255,255,255,0.5);
                border: 1px solid #000;
                text-align: center;
                height: 50px;
                font-size: 12px;
                line-height: 50px;
                cursor: pointer;
            }
    }