html {
  font-size: 16px;
  font-family: Arial, sans-serif;
}

h2 {
  margin-bottom: 5%;
}

section {
  min-height: 40vh;
  padding-top: 2%;
  padding-bottom: 2%;
}

.bg-dark {
  background-color: #31302C;
  color: #b2bfcb;
}

.bg-light {
  background-color: #b2bfcb;
  color: #31302C;
}

header {
  background-color: #7e2328;
  color: #31302C;
}
header .navbar {
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.hero {
  background-size: cover;
  height: 90vh;
  width: 100%;
}
#pocet_lidi{
  width: 100px;
} 
hr{
  color: white;
}

.wider{
  width: 100px;
}

.quote {
  background: rgba(255, 255, 255, 0.4);
  color: black;
  padding: 1em;
  border-radius: 1em;
  box-sizing: content-box;
}