.logo {
  position: relative;
  bottom: -10px;
  left: -50px;
}

.carousel-caption {
  top: 20px;
}

.carousel>.carousel-inner>.carousel-item {
  height: 550px;
}

.carousel>.carousel-inner>.carousel-item>img {
  height: 100%;
  object-fit: cover;
}

.carousel .box-img {
  position: absolute;
  width: 100%;
  top: 195px;
}

.carousel .box-title {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 60px;
  top: 145px;
}

.carousel .box-content {
  position: absolute;
  width: 100%;
  top: 260px;
  font-size: 24px;
}

.nav.nav-pills>.nav-item {
  margin: 0 2px;
  width: 100px;
  text-align: center;
}

.nav-pills .nav-link {
  color: #000;
}

.nav-pills .nav-link:hover {
  color: #fff;
  background-color: #007bff;
}