body {
        background: rgb(42,53,56); /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(42,53,56,1) 0%, rgba(33,53,130,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  rgba(42,53,56,1) 0%,rgba(33,53,130,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  rgba(42,53,56,1) 0%,rgba(33,53,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3538', endColorstr='#213582',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        transform-style: preserve-3d;
        transform: translate3d(0, 0, 0);
    }

    html {
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
    }

    .pre-page {
        position: relative;
        width: 100%;
        height: 100%;
        background: transparent;
        top: 0;
        left: 0
    }

    .post-page {
        position: absolute;
        width: 100%;
        height: 100%;
        background: transparent;
        top: 0;
        left: 0;
    }

    @media (orientation:portrait) {
        .n-image {
            height: 100% !important;
            width: auto;
        }
    }

    @media (orientation:landscape) {
        .n-image {
            width: 100% !important;
            height: auto;
        }
    }

#image1 {
    background: url('../Img/slide1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#image2 {
    background: url('../Img/slide2.jpg') no-repeat center center fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#image3 {
    background: url('../Img/slide3.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    .logo-image {
        width: 24vw;
        position: absolute;
        z-index: 10000;
        top: 20px;
        left: 10px;
    }
    .n-column {
        height: 100%;
        width: 650px;
        background: transparent;
        position: absolute;
        top: 0;
        left: calc(50% - 300px);
    }
    .d-column {
        height: 460px;
        width: 100%;
        background: rgba(0,0,0,0.6) !important;
        position: absolute;
        top: calc(50% - 230px);
    }
    .n-columnLogin {
        height: 100%;
        width: 350px;
        background: transparent;
        position: absolute;
        top: 0;
        left: calc(50% - 170px);
    }
    .d-columnLogin {
        height: 350px;
        width: 100%;
        background: rgba(0,0,0,0.6) !important;
        position: absolute;
        top: calc(50% - 175px);
    }

    #login-form {
        /*transition-property: scale;*/
        transition-duration: 0.7s;
        padding-right:20px;
    }

    #login-form:hover {
        transform: scale(1.2);
        /*transition-property: scale;*/
        transition-duration: 0.7s;
    }