/* Layout */
header {
  padding: 1rem 0;
  background-color: #f5fe90;
}

main {
  padding: 1rem;
  max-width: 80rem;
  margin: 0 auto;
}

article {
  margin: 0 auto;
}

article,
section {
  padding: 0.5rem 0;
}

footer {
  padding: 1rem 0;
  background-color: #efefef;
}

ul {
  /* Reset ul */
  list-style-type: none;
  padding: 0;
}


/* Cards */
main ul {
  /* Grid Layout */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-gap: 1rem;
}

main li {
  /* Card Style */
  border: 1px solid black;
  background-color: #fff;
  padding: 1rem;
}


/* Content */
body {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

header img {
  max-height: max(3rem, min(7rem, 10vw));
}

footer {
  text-align: center;
}

footer ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

footer li {
  padding: 0 0.5rem;
}

h1 {
  text-transform: uppercase;
  font-size: max(14pt, min(20pt, calc(0.2rem + 2vw)));
}

h2 {
  text-align: center;
  font-size: max(13pt, min(18pt, calc(0.2rem + 2vw)));
}

h3 {
  font-size: max(12pt, min(16pt, calc(0.2rem + 2vw)));
}

a,
a:visited {
  color: black;
}

img {
  margin: 0 auto;
}