*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;color:#fff;overflow-x:hidden;background:#111}
.header{text-align:center;padding:1rem;background:#111}
.header .logo{font-weight:800;font-size:1.5rem}
.header .tagline{font-size:.9rem;font-weight:400;opacity:.8}
.split-container{display:flex;height:100vh}
.split-container .split{flex:1;position:relative;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;transition:flex .5s ease;background-size:cover;background-position:center;background-repeat:no-repeat}
.split-container .split .overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:1}
.split-container .split .content{position:relative;max-width:500px;padding:2rem;z-index:2}
.split-container .split .content h1{font-size:2rem;font-weight:700;margin-bottom:1rem}
.split-container .split .content p{margin-bottom:1.5rem;font-weight:400}
.split-container .split .content .btn{padding:.75rem 1.5rem;background:transparent;border:2px solid #fff;border-radius:50px;color:#fff;text-decoration:none;font-weight:600;transition:.3s}
.split-container .split .content .btn:hover{background:#fff;color:#111}
.split-container .left{background-image:url('images/qbeel-consulting-bg.jpg')}
.split-container .right{background-image:url('images/4thcmedia-bg.jpg')}
.split-container .mid{background-image:url('images/qbmbg.jpg')}
.split-container:hover .split{flex:.95}
.split-container .split:hover{flex:1.05}
.footer{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.8);text-align:center;padding:.8rem}
.footer p{font-size:.8rem;margin-bottom:.3rem}
.footer .socials a{margin:0 .5rem;font-size:1rem;text-decoration:none;color:#fff;opacity:.8}
.footer .socials a:hover{opacity:1}
@media (max-width:768px){.split-container{flex-direction:column}.split-container .split{height:50vh}}


.split-container .mid {
  background-image: url('images/qbmbg.jpg');
}