style.css

.navbar {
  background-color: #ffb300 !important;
}

.jumbotron {
  background-color: black;
  background-image: url(https://images.pexels.com/photos/2899097/pexels-photo-2899097.jpeg?cs=srgb&dl=man-holdingwalking-dog-2899097.jpg&fm=jpg);
  color: white !important;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.jumbotron.home {
  min-height: 700px;
}

.jumbotron.home .navbar {
  background-color: transparent !important;
  padding-top: 20px;
}

.jumbotron.home .j-container {
  margin-top: 200px;
}

.jumbotron .overlay {
  background: rgba(25, 55, 55, .8);
  background: linear-gradient(rgba(25, 55, 55, .8), rgba(59, 5, 5, .8));
  height: 700px;
  width: 100%;
  /* margin: 54px 0 0 0; */
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 0 !important;
}

.jumbotron .n-container {
  margin-top: 0 !important;
}

.posts .container .card {
  /* display: inline-block; */
  width: 20rem;
}

/* .posts .container .row { */
/* background: red; */
/* } */

/* .posts .container .col { */
/* margin: 0 auto; */
/* } */

.posts .card {
  margin-bottom: 10px;
}

.footer {
  margin-top: 5em;
  background-color: #e3e3e3;
  padding: 2em;
}

.blog-post .article {
  margin-right: 5em;
}