html {
  padding: 0;
  margin: 0;
  font-size: 16px; /*1em = 20px*/
}

body {
  font-family: 'Trebuchet MS', sans-serif, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  margin: 0;
  padding: 0;
  background: #f7f7f7;
}

.homepage-hero {
  background-image:
    linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(0, 0, 0, 0.5)
    ),
    url(/theme/images/home-hero.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

nav.navbar {
  border-bottom: 1px solid #f0f0f0;
}

.producer-card-image {
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

figure.producer-card-image {
  margin: 0 0 0;
}

.missing-card-image {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.product-card-image {
  object-fit: contain;
  aspect-ratio: 1 / 1;
}