/* RESPONSIVE CSS
-------------------------------------------------- 

Small devices (tablets, 768px and up)
@media (min-width: @screen-sm-min) { ... }

Medium devices (desktops, 992px and up)
@media (min-width: @screen-md-min) { ... }

Large devices (large desktops, 1200px and up)
@media (min-width: @screen-lg-min) { ... }

*/


  /* Bump up size of carousel content */
  

  .carousel-caption > h1 {
    font-size: 5vw;
    font-weight: bold;
    color: #FF6600;
    text-align: right;
    line-height: 1.3;
    padding: 0px;
  }

  .carousel-caption > h2 {
    font-size: 3.5vw;
    font-weight: bold;
    color: #fff;
    text-align: right;
    line-height: 1;
    padding: 0px;
  }

  .carousel-caption {
    width: 65%;
    align-content: right;
    /*border: 2px #ff0000 solid;*/ 
  }

  .carousel-caption > p {
    text-align: right;
  }

  @media (max-width: 1200px) {
    .carousel-indicators > li {
    bottom: 15px;
    }
  }

  @media (max-width: 992px) {
    .carousel-indicators > li {
      bottom: 10px;
    }
  }

  @media (max-width: 768px) {
    .carousel-indicators > li {
      bottom: 0px;
    }
  }

  .carousel-indicators .active {
      background-color: #ff6600;
  }
  /* Imagens*/

  .carousel-inner>.item>img {
      display: block;
      height: auto;
      max-width: 100%;
      line-height: 0;
      width: 100%;
  }

  .carousel-control {
    background: none !important;
    filter: none !important;
    outline: 0;
 }