.bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('/Content/Images/mainPatern.png') center center;
    z-index: 2;
}

.logo {
    position: absolute;
    top: 50%;
    left: 25%;
    width: 300px;
    height: 246px;
    margin-left: -150px;
    margin-top: -111.5px;
    z-index: 3;
}

body {
    background: url('/Content/Images/bg.jpg') top;
    margin: 0px;
    padding: 0px;
    font-size: 16px !important;
    font-family: 'Roboto Condensed', sans-serif;
}

.mail {
    text-align: center;
    position: absolute;
    z-index: 3;
    top: calc(50% + 161px);
    left: 0px;
    width: 50%;
    display: block;
}

    .mail a {
        color: #fff;
    }

        .mail a:hover {
            color: #df4909;
        }

    .mail i {
        margin-right: 8px;
    }

.login {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 25%;
    width: 250px;
    margin-top: -75px;
    margin-right: -125px;
}

    .login input {
        margin-top: 15px;
        border: 2px solid #a50d0d;
    }

#btnLogin {
    margin-top: 15px;
}

.btn-primary {
    background-color: #95c83a;
    border: 1px solid #95c83a;
}

@media only screen and (max-width: 600px) {
    .login {
        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        width: 250px;
        margin-top: -75px;
        margin-left: -125px;
    }
    .bg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: url('/Content/Images/bg2.jpg') center center;
        z-index: 2;
    }
    .logo {
        position: absolute;
        top: 30px;
        left: 50%;
        width: 200px;
        height: auto;
        margin-left: -100px;
        margin-top:0px;
        z-index: 3;
    }
    .mail {
        text-align: center;
        position: absolute;
        z-index: 3;
        top: auto;
        bottom:50px;
        left: 0px;
        width: 100%;
        display: block;
    }
    .login input {
        margin-top: 15px;
        border: 2px solid #a50d0d;
    }
}