#portrait{
    display:flex !important;
    justify-content: space-between;
    width:100%;
    height:100vh;
}
#portrait .image{
    position:relative;
    width:50%;
    min-width:50vh;
    height:100vh;
}
#portrait .image .credits{
    position:absolute;
    bottom:15px;
    right:20px;
    text-align:right;
    font-size:14px;
    color:white;
    margin:auto;
}
#portrait .image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: top;
}
#portrait .text{
    width:50%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
}
#portrait .text img{
    width:100%;
    max-width:1100px;
    height:100%;
    object-fit:contain;
    object-position:center;

}

#client_menu_container ul{
    display:flex;
    align-items: center;
}

@media  (orientation: portrait) {
    #portrait{
        flex-direction: column;
    }
    #portrait .image{
        width:100%;
        height:50vh;
    }
    #portrait .image .credits{
        font-size:12px;
    }
    #portrait .text{
        width:100%;
        height:50vh;
    }

    #portrait .text img{
        width:100%;
        height:100%;

    }
}