:root {
  --text-white: #fff;
  --text-light: #ccc;
  --text-medium: #666;
  --text-dark: #333;
  --text-green: #178b00;

  --surface-white: #fff;
  --surface-green: #22b24c;
  --surface-gray: #f0f0f0;
}

/* COMMON */
* {
  font-family: Ubuntu, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

html,
body {
  font-size: 20px;
  color: var(--text-medium);
  font-weight: 100;
}

h4 {
  margin-bottom: 2rem;
  font-size: 2.5rem;
}

.text-white {
  color: var(--text-white);
}

.text-green {
  color: var(--text-green);
}

.text-light {
  color: var(--text-light);
}

.surface-white {
  background-color: var(--surface-white);
}

.surface-gray {
  background-color: var(--surface-gray);
}

.surface-green {
  background-color: var(--surface-green);
}

/* Navbar */
.navbar {
  padding: 1rem 0;
}

.navbar .navbar-brand {
  line-height: 1.25rem;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

#o-projektu,
#nabidka-bytu,
#lokalita,
#kontakt {
  position: relative;
  top: -103px;
}

/* Header */
.header {
  margin-top: 66px;
}

/* Map */
.map {
  width: 100%;
  height: 100%;
  min-height: 250px;
}

/* Nabidka bytu */
th {
  font-weight: normal;
  border: 0;
}

td {
  border: 0;
}

tr td:first-of-type {
  font-weight: bold;
}

/* Kontakt */
.qr {
  width: 250px;
  height: 250px;
  display: block;
  margin: 0 auto;
}