.icon-bar{
    background:#e76831 ;
    color:#d2b6aa ;
}

.header-wrapper .navbar {
  position: relative;
}
.header-wrapper .navbar-brand {
    position: absolute;
    display: inline-block;
    left: 17%;
    color: #d2b6aa;
}

.header-wrapper .navbar-brand:hover{
    color: #e76831;
}
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.header-wrapper .navbar-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.header-wrapper .navbar-collapse{
    text-align: center;
}
.header-wrapper .navbar-nav{
    display: inline-block;
    float: none;
}

.header-wrapper .carousel {
	position:relative;
    height: 100%;
}
/* Since positioning the image, we need to help out the caption */
.header-wrapper .carousel-caption {
    z-index: 10;
}
/* Declare heights because of positioning of img element */
.header-wrapper .carousel .item {
    height:450px;
    background-color:#bbb;
}
.header-wrapper .carousel img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
}

.header-wrapper .navbar-nav li a{
    color: #d2b6aa;
}

.header-wrapper .nav>li>a:hover, .header-wrapper .nav>li>a:focus {
    background-color: transparent;
    color:#e76831 ;
}

.header-wrapper .navbar-nav li a{
    color: #d2b6aa;
}

.header-wrapper .nav>li>a:hover, .header-wrapper .nav>li>a:focus {
    background-color: transparent;
    color:#e76831 ;
}






/*!* RESPONSIVE CSS*/
/*-------------------------------------------------- *!*/
@media(max-width:1250px ){
    .carousel .item {
        height: 250px;

    }
    .carousel .img{
        height:70% ;
    }

    .carousel-caption p,h1{
        font-weight: bold;
        font-size: 18px;
    }
    .navbar-brand {

        left: -3%;
    }

}
@media(max-width:1100px ){
    .carousel .item {
        height: 250px;
    
    }
    .carousel .img{
        height:70% ;
    }

    .carousel-caption p,h1{
        font-weight: bold;
        font-size: 18px;
    }
    .navbar-brand {

        left: -3%;
    }

}

@media(max-width:800px ){
    .carousel .item {
        height: 250px;
  
    }
    .carousel .img{
        height:70% ;
    }

    .carousel-caption p,h1{
        font-weight: bold;
        font-size: 18px;
    }
    .navbar-brand {

        left: -3%;
    }

}

@media(max-width:500px ){
    .carousel .item {
        height: 150px;

    }
    .carousel .img{
        height:65% ;
    }

    .carousel-caption p{
        display: none;
    }
    .navbar-nav li a{
        color: #e76831;
        background:#d2b6aa;

    }
}

/************* landing page*******************/