:root {
  --bs-font-sans-serif: Barlow, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-color: var(--bs-white);
  --bs-body-bg: var(--bs-black);
}

h1, h2, h3, h4, h5, h6 {
  font-family: Teko, sans-serif;
}

.fwidth {
  margin: 0!important;
}

.half {
  padding: 15% 10%;
}

.btn {
  margin: 2rem 1rem 0 0;
}

p {
  opacity: 0.9;
  font-size: 1.2rem;
}

@media (min-width: 300px) {
  h1 {
    font-size: 5rem;
  }
}

@media (min-width: 300px) {
  h2 {
    font-size: 2rem;
  }
}

@media (min-width: 300px) {
  .header {
    padding: 1rem;
  }
}

@media (min-width: 300px) {
  .map {
    background: url("../../assets/img/map-m.jpg") center / cover no-repeat;
    min-height: 50vh;
  }
}

@media (min-width: 300px) {
  .row#single {
    padding: 30% 10%;
  }
}

@media (min-width: 300px) {
  .row#double {
    flex-direction: column;
  }
}

@media (min-width: 560px) {
  h1 {
    font-size: 6rem;
  }
}

@media (min-width: 560px) {
  h2 {
    font-size: 3rem;
  }
}

@media (min-width: 560px) {
  .row#single {
    padding: 20% 10%;
  }
}

@media (min-width: 560px) {
  .header {
    padding: 2rem 4rem;
  }
}

@media (min-width: 760px) {
  .row#single {
    padding: 20% 10%;
  }
}

@media (min-width: 980px) {
  .row#single {
    padding: 15%;
  }
}

@media (min-width: 980px) {
  .row#double {
    flex-direction: row;
  }
}

@media (min-width: 980px) {
  .map {
    background: url("../../assets/img/map.jpg") center / cover no-repeat;
    min-height: 50vh;
  }
}

@media (min-width: 1200px) {
  h1 {
    font-size: 8rem;
  }
}

@media (min-width: 1200px) {
  h2 {
    font-size: 4rem;
  }
}

@media (min-width: 1200px) {
  .row#single {
    padding: 15%;
  }
}

@media (min-width: 1400px) {
  .row#single, .col#single {
    padding: 15% 20%;
  }
}

@media (min-width: 1600px) {
  .row#single {
    padding: 10% 40% 20% 20%;
  }
}

.table > :not(caption) > * > * {
  padding: 1rem 0;
  border-bottom-width: 1px;
}