
html {
    height: 100%;
    min-height: 100%;
}

body {

    background-color: #ffffff;
}


/* The Form */

#frmMaster {
    background-color: #FFFFFF;
    color: #000000;
}

/* The Header */

.header {
}

.header-logo {
    margin-top: 30px !important;
    margin-bottom: 20px;
}

    .header-logo img {
        margin: 20px auto 15px auto;
    }

.enter-box {
    background-color: #5a9141;
    color: #ffffff;
    border: 2px solid #497834;
    padding: 30px;
    text-align: center;
    font-size: 24px;
    line-height: 100%;
    width: 100%;
}

.exit-box {
    background-color: #5f282a;
    color: #ffffff;
    border: 2px solid #4f2123;
    padding: 30px;
    text-align: center;
    font-size: 24px;
    line-height: 100%;
    width: 100%;

}

div.enter-box a, div.enter-box a:active, div.exit-box a, div.exit-box a:hover {
    color:#ffffff;
}

h1 {
    margin-top: 0;
}

h1, h2, h3 {
    margin-bottom: 20px;
}

@media only screen and (max-width : 991px) {

    .enter-box, .exit-box {
        margin-bottom:20px;
    }
}

@media only screen and (max-width : 767px) {

    body {
        background-image: none !important;
        background-color: #ffffff;
    }
}



    @media only screen and (min-width : 768px) {

        .header-logo {
            text-align: left;
        }

            .header-logo img {
                position: relative;
                top: -5px;
                margin: 0 0;
            }

    }

    @media only screen and (max-width : 991px) {

        .header-logo {
            text-align: left;
            padding-top: 20px;
        }
    }



/* Big Picture Box. */

.big-picture {
    background-color: #FFFFFF;
    width:100%;
}

    .big-picture .container-fluid {
        margin: 0 auto;
        padding: 0 0;
    }

        .big-picture .container-fluid .row {
            margin: 0 0;
            padding: 0 0;
        }

            .big-picture .container-fluid .row .col-xs-12 {
                margin: 0 0;
                padding: 0 0;
            }


@media only screen and (min-width : 1920px) {

    .big-picture img {
        width: 100%;
    }
}