/*******************************************************************************
 * Layout and content
 *******************************************************************************/

#news {
  display: grid;
  gap: var(--gap-size);
}

section * {
  margin: 0;
}

#news h1 {
  margin-bottom: var(--gap-size);
}

#news h1 {
  display: grid;
  /* align-content: center; */
  /* padding: 0 calc(0.5 * var(--gap-size)); */
}

/*******************************************************************************
 * Fonts;
 *******************************************************************************/

#news h1,
  /* font-size: smaller; */
  font-weight: normal;
}

/*******************************************************************************
 * Colors
 *******************************************************************************/

#news h1 {
  /* color: white;
  background-color: var(--primary-color); */
  border-bottom: 1px solid var(--border-color);
}

/*******************************************************************************
 * Big screens
 *******************************************************************************/

@media only screen and (min-width: 813px) {

  #news {
    grid-template-columns: repeat(3, 1fr);
  }

  #news h1 {
    padding-left: 0;
  }

  #news h1 {
    color: black;
    background-color: white;
    padding-left: 0;
  }

}