/**
 * @file
 * Styles for Bartik's highlighted component.
 */

.has-featured-top .region-highlighted {
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
}
.region-highlighted {
  margin: 0 15px;
  display: flex;
  align-content: center;
  justify-content: space-around;
}

@media screen and (max-width: 580px) {
  .region-highlighted {
    flex-direction: column;
    align-items: center;
  }
}