/* Inga specifika styles för header används utöver Bootstraps egna */
/* Citat från inlämningsuppgiften: Du ska använda så lite egen LESS/CSS som möjligt */
/* använd alltså alltid hellre en lösning baserad på Bootstraps inbyggda klasser än på egen LESS/CSS! */
body {
  font-family: 'Bitter', serif;
}
body main p {
  font-family: 'Source Serif Pro', serif;
}
body main .nyheter-header {
  background-color: #f5f5f5;
}
body main img.max-width {
  /* Gör en override på img-fluid så att bilderna inte */
  /* blir för stora i bredd vid stora skärmstorlekar */
  width: 100%;
  max-width: 400px;
}
/* Sticky footer (tagen dels från Bootstraps hemsida, dels från klassbloggen)
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
html body {
  margin-bottom: 300px;
}
html body .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 250px;
  line-height: 60px;
  background-color: #fff;
}
html body .footer .footer-container {
  width: auto;
  padding: 0 30px;
}
html body .footer .footer-container p {
  margin-bottom: 0;
}
/* Annan footer-height för större skärmar */
@media screen and (min-width: 768px) {
  html body {
    margin-bottom: 180px;
  }
  html body .footer {
    height: 130px;
  }
}