body{
  background-color: #172335;
}


/*---------------- navbar ------------------------*/
/* Add a dark background color with a little bit see-through */
.navbar {
    margin-bottom: 0px;
    border: 0;
    font-size: 14px !important;
    letter-spacing: 4px;
    opacity:0.9;
}

/* Add a gray color to all navbar links */
.navbar li a, .navbar .navbar-brand {
    color: #172335 !important;
}

/* On hover, the links will turn white */
.navbar-nav li a:hover {
  border-left: 1px solid #fe6a00;
  border-right: 1px solid #fe6a00;
  color: #fe6a00 !important;
}

/* The active link */
.navbar-nav li.active a {
    color: #fff !important;
    background-color:#29292c !important;
}

/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar img{
  width: 150px;
  height: 30px;
}

.navbar-brand{
  padding-top: 10px;
}

@media (max-width: 924px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

/****************************************************/

/*------------------ slideshow ---------------------*/
.carousel{
  margin-top: 80px;
  padding: 0px;
}
.carousel-inner img {
    width: 100%; /* Set width to 100% */
    max-height: 800px !important;

}

.introducao{
  margin-top: 100px;
  margin-bottom: 80px;
  color: white;
  padding-left: 4%;
  padding-right: 4%;
}

.introducao h1{
  margin-bottom: 40px;
}

@media (max-height: 1000px) {
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      max-height: 540px !important;
  }
}

/*.carousel-caption h3 {
    color: #fff !important;
}

@media (max-width: 600px) {
    .carousel-caption {
        display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
/*    }*/
}