html,body{
/*    background-color: #222;*/
    height:100%;
}

#mainContainer{
    height:100%;
}

#mainRow{
    height:100%;
/*    margin-top:12%;*/
}

#leftBox{
    background-image: url(../images/login_img2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    height:100%;
}

#logo{
    margin-left:25px;
    margin-top: 25px;
}

#welcomeContent{
    margin-left:20px;
    margin-right: 20px;
    margin-top:15%;
    
}

#welcomeContent #welcomeContentBox{
    color:#fff;
    text-shadow: 1px 0 1px #000;
    background-color: rgba(0,0,0,.6);
    padding : 15px;
    border-radius: 15px;
}

#welcomeContent h1{
    font-size: 2em;
}

#welcomeContent p{
    font-weight: 400;
    font-size: 1.1em;
}

#logo img{
    width:300px;
}

#rightBox{
    background-color: yellow;
}

#loginBox{
    margin-top: 28%;
}

@media (max-width: 767px) {
    
    #leftBox{
        height: auto;
    }
    
    #welcomeContent{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    #loginBox{
        margin-top: 50px;
        margin-bottom: 50px;
    }
}