.landing {
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;

}

@media (max-width: 720px) {
    .landing {
        background-image: url('/images/bdudb_landing-720x480.png');
    }
}

@media (min-width: 720px) and (max-width: 1500px) {
    .landing {
        background-image: url('/images/bdudb_landing-1024x682.png');
    }
}

@media (min-width: 1500px) {
    .landing {
        background-image: url('/images/bdudb_landing-1600x1066.png');
    }
}



@media (max-width: 720px) {
    .landing .title {
        text-align: center;
        padding-bottom: 10px;
    }

    .landing .title img {
        width: 75%;
    }
}

@media (min-width: 721px) {
    .landing .title {
        text-align: center;
        padding: 0 0 40px 0;
    }

    .landing .title img {
        width: 30%;
    }
}

.landing .login {
    background-color: rgba(356,356,356,0.9);
    padding: 25px 35px 5px 35px
}