.menu-header{
    background-image : url('/images/subbg/counseling.jpg');
    background-size : 100%;
    background-position : center;
    z-index : 1;
    position : relative;
    height : 350px;
    display : flex;
    align-items: center;
    justify-content: center;
    margin-top : -100px;
}

.menu-header:before{
    content : '';
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    background-color : rgba(0,0,0,0.7);
    z-index : -1;
}

.menu-header h2{
    text-align: center;
    font-size : 38px;
    letter-spacing: -1px;
    color : #fff;
}

.menu-header h2 > span{
    display : block;
    font-size : 16px;
    color : #E5B11C;
}

@media screen and (max-width : 768px){
    .menu-header{
        height : 250px;
    }

    .menu-header h2{
        font-size : 30px;
    }

    .menu-header h2 > span{
        font-size : 14px;
    }
}


@media screen and (max-width : 480px){
    .menu-header{
        height : 180px;
    }
}