:root {
  /* --width-content: 44rem; */
  --font-family: LatoWeb;
  --color-text: #555753;
  --color-link: #3371ce;
}
a {
  font-weight: normal;
  text-decoration: none;
}
header {
  padding: 0 0;
  max-width: 100%;
}
nav {
  font-weight: bold;
  padding: 0 1rem;
  height: 50px;
  margin-bottom: 0;
  background-color: #f7f8f5;
  /* border-bottom: 0.5px solid #555753; */
}
header nav img {
  margin: 6px 0 0;
}
main {
  padding: 0 1rem;
}
section aside {
  width: var(--width-card-medium);
}
section aside h2,
section aside h4 {
  line-height: 1;
  margin: 0;
}
.introgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(20rem, 1fr));
  margin: 1rem 0;
  /* grid-template-rows: 1fr; */
  /* grid-column-gap: 1rem; */
  /* max-width: 18rem; */
}
.introgrid div {
  margin: 0 1rem;
}
.introgrid div:first-child {
  margin-left: 0;
  border-right: 0.5px solid #d3d7cf;
}
.introgrid div img {
  border: 0.5px solid black;
  max-width: calc(100% - 1rem);
}
.dllist {
  list-style-type: none;
  padding: 0;
}
.dllist img {
  height: 1.25rem;
  padding: 0 0.25rem 0 0;
  position: relative;
  top: 0.15rem;
}
.dllist li a {
  font-weight: bold;
}
.dllist li a button {
  margin: 0;
  padding: 0.25rem 0.5rem 0.15rem;
}
.video-embed {
  width: 475px;
}
@media (max-width: 768px) {
  header nav ul {
    display: none;
  }
  .introgrid {
    display: flex;
    flex-wrap: wrap;
  }
  .introgrid div {
    margin: 0 0;
  }
  .introgrid div:first-child {
    border: 0;
  }
}

/* Adapted from https://www.latofonts.com/ */

/* Webfont: Lato-Bold */@font-face {
  font-family: 'LatoWebBold';
  src: url('/assets/fonts/Lato-Bold.woff2') format('woff2'); /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Heavy */@font-face {
  font-family: 'LatoWebHeavy';
  src: url('/assets/fonts/Lato-Heavy.woff2') format('woff2'); /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Italic */@font-face {
  font-family: 'LatoWeb';
  src: url('/assets/fonts/Lato-Italic.woff2') format('woff2'); /* Modern Browsers */
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
  font-family: 'LatoWeb';
  src: url('/assets/fonts/Lato-Regular.woff2') format('woff2'); /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}