body {
    background-image: url(/img/water-background.jpg);
    background-size: cover;
}

#loginpage {
    background-color: #014969;
    border-radius: 12px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media(max-width: 575px) {
    .inputs {
        width: 100%
    }
}

@media(min-width: 575px) {
    .inputs {
        width: 50%
    }
}

@media (min-width: 768px) {
    #loginpage {
        max-width: 520px;
    }
}

@media (min-width: 992px) {
    #loginpage {
        max-width: 520px;
    }
}

@media (min-width: 1200px) {
    #loginpage {
        max-width: 607px;
    }
}

@media (min-width: 2500px) {
    #loginpage {
        max-width: 1000px;
    }
}