/*
 * Reboot – erstatter de basisregler, Bootstrap leverede.
 *
 * Bootstrap blev droppet, fordi den kun blev brugt til grid og et par utilities.
 * Men den leverede også en reset og en typografisk skala, som hele designet
 * hviler på: border-box, nulstillet body-margin, linjehøjde 1.5, links uden
 * understregning og overskriftsstørrelser. Uden dem sad alt forskubbet.
 *
 * Filen skal indlæses FØR main.css, præcis hvor Bootstrap lå – ellers
 * overskriver den de tilpasninger, main.css laver ovenpå.
 *
 * Værdierne er aflæst på produktionssitet, ikke gættet.
 */

*,
*::before,
*::after { box-sizing: border-box; }

body {
  margin: 0;
  line-height: 1.5;
  text-align: left;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Bootstraps typografiske skala. main.css finjusterer enkelte niveauer ovenpå. */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p { margin-top: 0; margin-bottom: 1rem; }
ul, ol { margin-top: 0; }
figure { margin: 0; }
blockquote { margin: 0 0 1rem; }

img, svg { vertical-align: middle; }
img { max-width: 100%; }

button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

/* Bootstraps container. main.css sætter selv max-width til 1640px ovenpå. */
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin: 0 auto; }
.container { width: 100%; margin: 0 auto; padding-right: 15px; padding-left: 15px; }
@media (min-width: 576px)  { .container { max-width: 540px; } }
@media (min-width: 768px)  { .container { max-width: 720px; } }
@media (min-width: 992px)  { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }