html,body {
    margin:0px;
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
}

.mainBackground {
    width:100%;
    min-height: 100vh;

    background-image: url("/img/background.png");
    background-size: cover;
    padding-bottom:80px;

}

.mainBackground_main {
    width:100%;
    min-height: 100vh;

    background-image: url("/img/logo.jpg");
    background-size: cover;

}


.mainBackground_online {
    width:100%;
    min-height: 100vh;

    background-image: url("/img/online.jpg");
    background-size: cover;

}

.mainLogo_placeholder, .loginForm_placeholder {
    padding-top:5vh;
}

.loginForm {
    margin: 0 auto;
    width: 300px;
    text-align:center;
    border: 2px solid black;
    background:  #646e83;
    padding: 30px;

-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    border-radius: 5px;

}

.loginTitle {
    font-size:36px;
    padding-bottom:40px;
    font-weight: bold;
}

.mainLogo {
        margin: 0 auto;
        width:100%;
        height:198px;
        background-image: url("/img/logo.jpg");
        background-size: cover;
}

a {
    color: #FFFFFF;
}

input {
    padding:15px;
    font-size:24px;
    font-family: 'Raleway', sans-serif;
    border: 1px solid #FFFFFF;
    background: #646e83;
    border-radius: 5px;
    color: #FFFFFF;
    margin-bottom:20px;
    
/*    padding-left:60px;*/
}


.infoimg {
    width:30%;
}