.home-media-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px 34px;
  max-width: 980px;
  margin: 0 auto 2rem;
}

.home-media-logo {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: hsl(var(--foreground));
  filter: grayscale(1);
  opacity: .48;
  transition: opacity .2s ease, filter .2s ease, transform .2s ease;
}

.home-media-logo:hover {
  filter: grayscale(0);
  opacity: .9;
  transform: translateY(-2px);
}

.home-media-logo--reuters {
  font-size: 1.03rem;
  font-weight: 750;
  letter-spacing: .08em;
}

.home-media-logo--reuters i {
  width: 18px;
  height: 18px;
  border: 4px dotted #ff8000;
  border-radius: 50%;
}

.home-media-logo--ap {
  position: relative;
  padding-bottom: 3px;
  font-size: 1.38rem;
  font-weight: 900;
  letter-spacing: -.05em;
}

.home-media-logo--ap::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #e32636;
}

.home-media-logo--yahoo {
  color: #5f01d1;
  font-size: 1.06rem;
  font-weight: 800;
}

.home-media-logo--yahoo small {
  font-size: .65em;
  font-weight: 650;
}

.home-media-logo--usatoday {
  font-size: .94rem;
  font-weight: 800;
  letter-spacing: .025em;
}

.home-media-logo--usatoday i {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #199be2;
}

.home-media-logo--fortune {
  color: #d71920;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.28rem;
  font-weight: 700;
  letter-spacing: .025em;
}

@media (max-width: 640px) {
  .home-media-logos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 10px;
    width: min(100%, 360px);
    margin-bottom: 1.6rem;
  }

  .home-media-logo {
    min-height: 42px;
    padding: 5px 8px;
    border: 1px solid hsl(var(--border)/.65);
    border-radius: 9px;
    background: hsl(var(--background)/.55);
  }

  .home-media-logo:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 5px);
  }
}
