.split-image {
    background:  rgba(0, 0, 0, 0)  url(../images/portfolio.jpg) no-repeat scroll center center / cover;   
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all, 450ms;
    -moz-transition: all, 450ms;
    -o-transition: all, 450ms;
    transition: all, 450ms;

}


@media (min-width: 400px) {
    .split-image {
        top: 0;
        left: 0;
        bottom: 0;
        background-size: cover;
        display: block;
        background-position: 50% 0;
        background:  rgba(0, 0, 0, 0)  url(../images/portfolio-vert.jpg) no-repeat scroll center center / cover;   
    }


    .split-image {
        width: 100%;
        height: 120px;
    }

    .split-content {
        margin-top: 25px;
    }
    
    .show-menu-btn {    
        right: 25px;
        top: 180px;
        }

}



@media (min-width: 765px) {
    .split-image {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background-size: cover;
        display: block;
        background-position: 50% 0;
    background:  rgba(0, 0, 0, 0)  url(../images/portfolio.jpg) no-repeat scroll center center / cover;   
    }


    .split-image{
        width: 38.1953%;  
        height: 100%;  
    }

    .split-content {
        width: 61.8047%;    
        margin-top: 10px;
    }

    .split-content {
        float: right;
    }
    
    .show-menu-btn {    
        right: 25px;
        top: 30px;
        }

}