/* do not group these rules */
.form-control::-webkit-input-placeholder {
    color: red;
}

/* FF 4-18 */
.form-control:-moz-placeholder {
    color: red;
}

/* FF 19+ */
.form-control::-moz-placeholder {
    color: red;
}

/* IE 10+ */
.form-control:-ms-input-placeholder {
    color: red;
}

#mainContainer{
    border: 1px solid lightgray;
    margin: 5%;
}

#logoContainer{
    position: relative;
    top: 30px; 
}

#logo{
    width: 100%;
}

#logonButton{
    width: 150px;
}

#registerButton{
    width: 150px;
    margin-top: 10px;
    background-color: black;
    color: white;
}

#credentialsContainer{
    border-left: 1px solid black;
    margin: 25px 0px;
    height: auto;
    font-weight: lighter;
}

#credentialsForm{
    margin-bottom: 25px;
}

#credentialsHeader{
    font-weight: lighter;
}

#register{
    margin-top: 10px;
    background-color: lightgray;
}

#register:hover{
    background-color: gray;
    color: white;
}

#registerForm{
}

#loggedIn{
    font-weight: lighter;
}

#rememberMeContainer{
    margin-bottom: 15px;
}

/* For displays less then extra-large, which would mean LG */
@media (max-width: 1200px) {
    
    #logoContainer{
    position: relative;
    top: 40px; 
    }
    
    #credentialsContainer{
    border-left: 1px solid black;
    margin: 25px 0px;
    height: auto;
    font-weight: lighter;
    }
    
    #logo{
    width: 100%;
    }
    
}

/* For displays less then large, which would mean MD */
@media (max-width: 992px) {
    
    #logoContainer{
    position: relative;
    top: 70px; 
    }
    
    #credentialsContainer{
    border-left: 1px solid black;
    margin: 25px 0px;
    height: auto;
    font-weight: lighter;
    }
    
    #logo{
    width: 100%;
    }
    
}

/* For displays less then medium, which would mean XS and SM */
@media (max-width: 768px) {
    
    #mainContainer{
    border: none;
    }
    
    #logoContainer{
    position: relative;
    top: 0px;
    }
    
    #credentialsContainer{
        border: none;
    }
    
    #logo{
        width: 60%;
    }
    
}