body, html {
    height: 100%;
    margin: 0;
}

.bg {
    background-image: linear-gradient(45deg, #357fc1, transparent);
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.container {
    position: relative;
    top: -70%;
}

.panel-admin {
    border: 2px solid #ccc;
    background-color: white;
    box-shadow: 1px 3px 3px 1px #ff0000;
    border-radius: 15px;
}

    .panel-admin:hover {
        box-shadow: 1px 3px 3px 1px #0ca714;
    }

.panel-employee {
    border: 2px solid #ccc;
    background-color: white;
    box-shadow: 1px 3px 3px 1px #104d89;
    border-radius: 15px;
}

    .panel-employee:hover {
        box-shadow: 1px 3px 3px 1px #ffd800;
    }

@media only screen and (max-width: 992px) {
    .container {
        position: relative;
        top: -90%;
    }

    .panel-admin {
        border: 2px solid #ccc;
        background-color: white;
        box-shadow: none;
    }
}