/* Space out content a bit */
body {
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url("../images/background.jpg");
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.footer {
    padding-right: 15px;
    padding-left: 15px;
}

.header{
    margin-bottom: 10px;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
    padding-bottom: 19px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
}

/* Custom page footer */
.footer {
    padding-top: 19px;
    color: #777;
    font-size: 10px;
    text-align: right;
}

.header #logo {
    height: 130px;
}

.content{
    background-color: #ffffff;
    border-radius: 6px;
}
.component{
    padding: 15px;
}

.content nav{
    height: 40px;
    background-color: #dedede;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.nav>li>a{
    padding: 6px 15px;
    margin-top: 4px;
    margin-right: 4px;
    color: black;
}

.nav>li.active>a{
    background-color: #3e3a31;
}

.nav>li>a:hover{
    background-color: #afa48d !important;
}

.border{
    border: 4px solid #dedede
}

.panel-primary>.panel-heading {
    background-color: #3e3a31;
    border: 0px;
}

.panel-primary>.panel-body{
    background-color: #dedede;
    border: 0px;
    font-size: 12px;
}

.panel-primary>.panel-body p{
    margin: 0px;
}

.panel-primary{
    border: 0px;
}

.carousel{
    height: 400px;
    overflow: hidden;
}
.carousel-caption {
    top: 250px;
}

.form-group .form-control-feedback{
    display: none;
}

.form-group.has-error .form-control-feedback{
    display: block;
}

.cursor{
    cursor: pointer;
}

.modal-body img{
    width: 100%;
}

/* Customize container */
@media screen and (min-width: 768px) and (max-width: 1280px){
    .container {
        max-width: 1100px;
    }
    .header #logo {
        height: 100px;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 150px) and (max-width: 768px) {
    /* Remove the padding we set earlier */
    .header,
    .content,
    .footer{
        padding-right: 0px;
        padding-left: 0px;
    }
    .container{
        padding-right: 0px;
        padding-left: 0px;
    }

    .header #logo {
        height: 80px;
    }

    .carousel{
        height: 200px;
        overflow: hidden;
    }
    .carousel-caption {
        top: 80px;
    }
    .carousel-caption h3{
        font-size: 16px;
    }

    .content{
        border-radius: 0px;
    }

    .content nav{
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }
}