/* Style the list */
ul.breadcrumb {
  margin: 0 auto;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li + li:before {
  padding: 8px;
  color: white;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li {
  text-shadow: 2px 2px 5px black;
}
ul.breadcrumb li a {
  color: white;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #ffd24d;
  text-decoration: underline;
}

.main-content {
  padding: 10em 1em;
}
figure {
  width: 100%;
  aspect-ratio: 3/1.5;
}
figure img {
  width: 100%;
  height: 100%;
}
figcaption ul {
  padding: 0.5em 0;
}
figcaption ul li {
  display: inline-block;
  font-size: 0.9em;
  margin: 0.2em;
}
figcaption ul li i {
  color: #0d261a;
}
p {
  padding-top: 2em;
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .main-content {
    padding: 10em 2em;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .main-content {
    padding: 10em 5em;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .main-content {
    padding: 10em 8em;
  }
}