body {
    margin: 0px;
    /*background: url(/images/aruba-beach.jpg) no-repeat center top #F9F4F0;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% 135%;*/
    color: #404040;
    background: #006a6b;
}

.container.body-content {
    margin-top: 110px;
}

.login-section {
    background-color: rgba(0,0,0, 0.4);
    border-radius: 10px;
    max-width: 400px;
    margin: 0 auto;
}

label {
    color: #fff;
}

.navbar-header {
    height: 50px;
}

.btn-primary:before {
    background: #ef9018;
}

.login-section {
    padding: 10px;
}

.btn-primary {
    border-color: #fff;
    color: #FFF !important;
}

a {
    color: #FFF !important;
    font-size: 11px;
}

.footer {
    background-color: transparent;
    bottom:0;
    height: 80px;
}

    .footer p {
        color: #FFF;
    }

.checkbox {
    margin-bottom: 0;
}

@media (max-width: 667px) {
    body {
        background-size:cover !important;
    }
        .layer {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0, 0.4);
    }

    .login-section {
        background-color: transparent !important;
        height: 100%;
        width: 100%;
        border-radius: 0px
    }

    .footer {
        height: 50px !important;
    }

        .footer p {
            font-size: 10px;
        }
}

@media (max-width: 320px) {
    .container.body-content {
        margin-top: 30px !important;
    }

    .layer {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0, 0.4);
    }

    .login-section {
        background-color: transparent !important;
        height: 100%;
        width: 100%;
        border-radius: 0px
    }

    .footer {
        height: 50px !important;
    }

        .footer p {
            font-size: 10px;
        }
}