#hero {
  background: url("../../assets/img/header-small.png") center / cover;
  height: 250px;
  border-radius: 0px !important;
}

@media (min-width: 576px) {
  #hero {
    background: url("../../assets/img/header.png") center / cover;
    height: 300px;
    border-radius: 0px !important;
  }
}

h1 {
  font-size: 2.5rem;
}

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

@media (min-width: 768px) {
  #hero {
    background: url("../../assets/img/header.png") center / cover;
    height: 350px;
    border-radius: 0px !important;
  }
}

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

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

@media (min-width: 992px) {
  #hero {
    background: url("../../assets/img/header.png") center / cover;
    height: 430px;
    border-radius: 0px !important;
  }
}

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

@media (min-width: 1200px) {
  #hero {
    background: url("../../assets/img/header.png") center / cover;
    height: 530px;
    border-radius: 0px !important;
  }
}

@media (min-width: 1400px) {
  #hero {
    background: url("../../assets/img/header.png") center / cover;
    height: 600px;
    border-radius: 0px !important;
  }
}

.navbar {
  background: rgb(32, 83, 94) !important;
  font-family: Figtree, sans-serif;
}

@media (min-width: 1200px) {
  h1 {
    font-size: 3.5rem;
    font-family: 'Roboto Slab', serif;
    letter-spacing: 0.1rem;
  }
}

h1 {
  font-family: 'Roboto Slab', serif;
  letter-spacing: 0.05rem;
}

@media (min-width: 300px) {
  h1 {
  }
}

h2 {
  font-family: Figtree, sans-serif;
  color: rgb(217,114,39);
}

#preco, #referencie {
  background: #f1ece0;
}

h4 {
  color: rgb(218,114,39);
  font-family: 'Roboto Slab', serif;
  text-align: center;
}

h4.card-title {
  text-align: center;
}

h5 {
  font-family: Figtree, sans-serif;
  color: rgb(216,114,37);
}

p {
  font-family: Figtree, sans-serif;
}

form {
  font-family: Figtree, sans-serif;
}

.btn {
  background: var(--bs-info-text-emphasis);
  color: var(--bs-orange);
  font-weight: bold;
}

.btn:hover {
  background: var(--bs-success-text-emphasis);
}

.fit-cover {
  height: 200px;
}

#spodok {
  background: url("../../assets/img/columns-facade-school-building.jpg") center / cover;
  height: 300px;
}

#copyright {
  background: var(--bs-info-text-emphasis);
  /*height: 50px;*/
  color: var(--bs-body-bg);
}

.fit-cover {
  height: 200px;
}

section {
  font-family: Figtree, sans-serif;
}