html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #ffffff;
  font-family: sans-serif;
}

/* MENU */

.navigationBar {
  background-color: #1C1C1C;

  width: 100%;
  max-width: 1200px;

  margin: 0 auto;

  position: relative;
  z-index: 999;

  border-radius: 0 0 6px 6px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 20px;

  box-sizing: border-box;
}

#logo {
  margin: 0;
  padding: 5px 15px;
}

#logo .navbar-brand {
  height: auto;
  padding: 0;
  margin: 0;
}

#logo img {
  max-width: 180px;
  width: 100%;
  height: auto;
  display: block;
}

.navigationBar ul {
  margin: 0;
  padding: 0 20px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.navigationBar ul li {
  padding: 10px 15px;
  border: 1px solid transparent;
  transition: background 0.2s;
  border-radius: 5px;
}

.navigationBar ul li a {
  color: #fff;
  font-size: 13px;
  text-transform: capitalize;
  text-decoration: none;
  transition: color 0.2s;
}

.navigationBar ul li:hover {
  background: linear-gradient(to bottom, #ffffff 0%, #333333 100%);
}

.navigationBar ul li:hover a {
  color: #fff;
}

/* CAROUSEL */

.carousel-wrap {
  width: 100%;
  max-width: 1200px;

  margin: 0 auto 90px auto;

  padding: 0;
}

#meucarrosel {
  width: 100%;
}

#meucarrosel {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

#meucarrosel .carousel-inner,
#meucarrosel .item {
  width: 100%;
}

#meucarrosel .item img {
  width: 100%;
  height: 650px;

  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  #meucarrosel .item img {
    height: 300px;
  }
}

/* CONTROLES DO CAROUSEL */

#meucarrosel .carousel-control {
  width: 8%;
}

#meucarrosel .carousel-indicators {
  bottom: 15px;
}

/* RODAPÉ */

.rodape {
  background: #ffffff;
  padding: 8px 10px;
}

.rodape h4,
.rodape h6 {
  margin: 3px 0;
}

/* TABLET */

@media (max-width: 992px) {
  .navigationBar {
    width: calc(100% - 10px);
  }

  #logo img {
    max-width: 150px;
  }

  #meucarrosel .item img {
    min-height: 260px;
    max-height: 420px;
  }
}

/* CELULAR */

@media (max-width: 768px) {

  .navigationBar {
    flex-direction: column;
    padding: 10px;
  }

  .navigationBar ul {
    width: 100%;
    flex-direction: column;
    padding: 0;
  }

  .navigationBar ul li {
    width: 100%;
    text-align: center;
  }

  #meucarrosel .item img {
    height: 280px;
  }

}

/* CELULAR PEQUENO */

@media (max-width: 480px) {
  #meucarrosel .item img {
    min-height: 190px;
    max-height: 260px;
  }

  #meucarrosel .carousel-control {
    width: 12%;
  }
}