.body {
  background-color: red;
}

#jumbo {
  background-color: #9cba84;
  height: 570px;
  padding-top: 30px;
}

#jumbo h1 {
  color: white;
  font-family: 'Montserrat';
  font-size: 35px;
  font-weight: 800;
}

@media (min-width: 992px) {
  #jumbo h1 {
    color: white;
    font-family: 'Montserrat';
    font-size: 90px;
    font-weight: 800;
  }
}

#jumbo h4 {
  color: #273b25;
  font-family: 'Roboto';
  font-size: 16px;
}

@media (min-width: 992px) {
  #jumbo h4 {
    color: #273b25;
    font-family: 'Roboto';
    font-size: 30px;
  }
}

.t-pad {
  padding-top: 30px;
  padding-bottom: 10px;
}

.t-pad h1 {
  color: #1a1f1d;
  font-family: 'Raleway';
  font-size: 40px;
  line-height: 30px;
  margin-top: 20px;
}

.t-pad h4 {
  color: #9cba84;
  font-family: 'Lato';
  font-size: 20px;
  margin-bottom: 30px;
}

.t-pad p {
  font-family: 'Open Sans';
  font-size: 15px;
}

#kompo, #galerija {
  background-color: #f9f9f9;
  padding: 10px;
}

#rocna-sonda, #id-kontakt {
  background-color: #f3f8f0;
  padding: 10px;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #9cba84;
  /*font-size: 20px;*/
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: white;
  background-color: #9cba84;
}

.navbar-light .navbar-nav .nav-link {
  color: #9cba84;
}

.s-top {
  margin-top: 30px;
}

@media (min-width: 1200px) {
  .s-top {
    margin-top: 0px;
  }
}

.gal-1 {
  /*padding: 20px;*/
}

.gal-1 img {
  border: 3px solid #f1f1f1;
  /*margin: 3px;*/
  padding: 5px;
}

.gal-1 p {
  font-family: 'Open Sans';
  font-size: 12px;
  color: var(--gray);
}

.noga {
  background-color: #445438;
  color: white;
  min-height: 200px;
}

.noga h1 {
  font-family: 'Lato';
  font-size: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #9cba84;
}

.noga p {
  font-family: 'Open Sans';
  font-size: 14px;
  margin: 5px;
}

.noga li {
  font-size: 12px;
}

.noga .fa {
  margin-right: 5px;
}

.noga .sml {
  font-size: 12px;
  color: #9cba84;
  line-height: 10px;
  margin: 10px;
}

.kontakt .fa {
  margin-right: 20px;
}

.copy {
  font-size: 12px;
  margin: 5px;
  color: #b0b0bc;
}