body {
}
.ortala {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
 
}
.logo-col {
    width:50%; height:100vh; background:url(../img/bg.jpg) center center; background-size:auto 100%; text-align:center; float:left; position:fixed; top:0px; left:0px; bottom:0px 
}
        .logo-col img{
    max-width:90%; width:100%
 
}
.text-col {
    width:50%; height:auto; padding:50px; box-sizing:border-box; float:right
}
@media (max-width:992px) {
    .logo-col {
    width:100%; height:auto; background:url(../img/bg.jpg) center center; background-size:100% 100%; text-align:center;
    float:none; position:static; top:auto; left:auto; bottom:auto ; padding-top:30px; padding-bottom:30px
 
}
        .logo-col img{
    max-width:280px; width:100%
 
}
    .ortala {
    position: static;
    top: auto;
    transform:none;
 
}
    .text-col {
    width:100%; height:auto; padding:30px; box-sizing:border-box; float:none
}
}