/*******************************
    GENERAL
*******************************/
h1 {
    font-family: 'Oswald', sans-serif;
}
p {
    font-family: 'PT Serif', serif;
    font-size: 1.6rem;
}


@media (max-width: 767px) {
    h1 {
        font-size: 3rem;
    }
    p {
        text-align: center;
    }
}



/*******************************
    HEADER
*******************************/
.header-center h1 {
    font-size: 6rem;
    text-shadow: 1px 2px 3px #000;
}
.navbar-static-top {
  margin-bottom: 19px;
}
.navbar-nav li {
    background-color: #bbb
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #000;
    font-weight: bold;
}
.jumbotron {
    margin-bottom: 0px;
}
.header-body-img {
    height: 550px;
    background: /*linear-gradient(#ffa949, transparent 90%),*/
                linear-gradient(0deg, #fff, transparent ),
                #fff url('../img/4-4.jpg') no-repeat center;
    background-size: cover;
    background-position: 0 0%, center top;
    margin-bottom: -55px;
}
.header-center {
    text-align: center;
    padding-top: 15%;
    color: #fff;
}
@media (min-width: 767px) {
    .navbar-inverse {
        background-color: transparent;
        border-color: #bbb;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }

    .nav.navbar-nav.nav-padding-left > li:first-child {
        border-left: 1px solid #777;
    }

    .nav.navbar-nav.nav-padding-left > li {
        border-right: 1px solid #777;
    }
}
@media (max-width: 767px) {
    .header-body-img {
        height: 300px;
    }
    .nav-padding-left {
        padding-left: 10px;
    }
    .container .navbar-nav {
        margin: 0px -7px;
        padding-left: 0px;
    }
    .header-center {
        padding-top: 15%;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }
}

/*******************************
    MAIN CONTENT
*******************************/
.index-title {
    text-align: center;
}
.product-header {
    text-align: center;
}

/*******************************
    CAROUSEL
*******************************/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
.slides-prod {
    margin-top: 20px;
}
.carousel-indicators {
    bottom: -10px;
}
.rotateimg180 {
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*******************************
    PRODUCTS
*******************************/
.min-thumb {
    min-height: 253px;
}
.thumbnail p {
    text-align: center;
}
.thumbnail {
    color: #000;
    min-height: 363px;
}
a:hover, a:focus {
    color: #888;
    text-decoration: underline;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #888;
}

/*******************************
    FOOTER
*******************************/