img {
    width: 100%;
    height: auto;
}

html {
    background: #89816C;
    background: #89816C -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #89816C), color-stop(100%, #555243)) fixed;
    background: #89816C -webkit-linear-gradient(#89816C, #555243) fixed;
    background: #89816C -moz-linear-gradient(#89816C, #555243) fixed;
    background: #89816C -o-linear-gradient(#89816C, #555243) fixed;
    background: #89816C linear-gradient(#89816C, #555243) fixed;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    background: none;
}

.body-grid {
    background-image: url("grid.png");
    background-repeat: repeat;
    background-attachment: fixed;
}


.tab {
    text-indent: 40px
}


.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.panel-transparent {
    background: none;
    padding: 0px;
}

    .panel-transparent .panel-heading {
        background: rgba(255, 255, 255, 0.8) !important;
    }

    .panel-transparent .panel-body {
        background: rgba(255, 255, 255, 0.65) !important;
    }

.jumbotron-wrapper {
    background-image: url("Logo.jpg") !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
}