/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
.navbar {background: #000;}
#form-contato {
  margin-bottom: 20px;
}
.topo { margin-top: 100px; }
html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 1000px;
  }
}

@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    height: 650px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
          .navbar:not(.top-nav-collapse) {
              background: #1C2331!important;
          }
      }

@media (max-width: 740px) {
  .full-page-intro {
    height: 1200px; } }

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }


.top-nav-collapse {
  background-color: #000; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #000; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #000; }

section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.info-bg {
  padding: 30px;
  background: url(../img/bike-concept.png);
  background-size: cover;
  min-height: 190px;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 25px;
}

.info-bg h6 {
      color: #fff;
    font-weight: bold;
    font-size: 24px;
    margin-top: 30px;
}

.info-bg p {
  color: #fff;
  font-size: 19px;
}

@media(max-width: 470px) {
  .first-bikehotel2 {
    margin-top: 75px;
  }
}