/* Logo css */
#logo {
    width: 50%;
    height: 50%;
    padding-left: 3vh;
    margin: inherit;
    padding-bottom: 2vh;
}

/* CSS for the entire page, */

#login-page {
    background-color: #278518;
    color: #ffffff;
    text-align: center;
    margin: auto;
}

/* Page text CSS */
#login-page p {
    font-size: 2.5vh;
    width: 75%;
    margin: inherit;
}

/* Header CSS */
#login-page h1 {
    font-size: 5vh;
    font-weight: bold;
}

/* CSS for sign in button. */
#sign-in img {
    width: 55%;
    height: 55%;
    cursor: pointer;
}

#sign-in {
    padding-top: 25%;
    display: block;
    margin: inherit;
}

/* Landscape view */
@media only screen and (orientation : landscape) {
    /* Logo css */
    #logo {
        width: 20%;
        height: 20%;
        margin: inherit;
    }

    #login-page h1 {
        font-size: 5vh;
        font-weight: bold;
        margin-bottom: 0;
    }

    /* CSS for sign in button. */
    #sign-in img {
        width: 20%;
        height: 20%;
        cursor: pointer;
    }

    #sign-in {
        padding-top: 1%;
        display: block;
        margin: inherit;
    }
}