body {
  margin: 0 auto;
}

.parent {
  background-color: black;
  position: relative;
}
.navbar {
  /* background-color: white !important; */
}
.navbar-brand {
  color: black !important;
}
.navbar-brand:hover {
  color: black !important;
}
nav .navbar-nav li a {
  color: black !important;
  font-size: 20px;
}

nav .navbar-nav li a:hover {
  color: rgb(240, 234, 234) !important;
}
.publish-image img {
  width: 100%;
  height: auto;
  max-width: 1000px;
  min-width: 340px;
}

.publish-text {
  font-size: 25px;
}

.c-item {
  height: 600px;
}
.c-img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.caption-title {
  color: black;
}
.caption-description {
  display: none;
}
.c-item:hover .c-img {
  filter: brightness(50%);
  transition: 0.4s;
}
.c-item:hover .caption-description {
  display: block;
  transition: 0.4s;
}
.c-item:hover .caption-title {
  display: none;
  transition: 0.4s;
}
.accordion-button::after {
  background-color: black;
}
.accordion {
  border-radius: 10px;
  box-shadow: 1px 5px 5px 5px #0005;
}
@media only screen and (max-width: 824px) {
  .c-img {
    object-fit: cover;
  }
  .image {
    object-position: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .publish-text {
    font-size: 20px;
  }
}

@media only screen and (max-width: 450px) {
  .publish-text {
    font-size: 18px;
    padding: 20px;
  }
  .publish-image {
    margin-left: auto;
  }
  .publish-image img {
    width: 300px;
    height: 250px;
  }
}