body {
  font-family: Montserrat, sans-serif;
  color: #111;
  font-size: 1rem;
  line-height: 1.7;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
}

.page {
  position: relative;
  background-image: url('../images/oproste-background.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.padding-global {
  padding-right: 5%;
  padding-bottom: 0px;
  padding-left: 5%;
}

.container {
  width: 100%;
  max-width: 80rem;
  min-height: 2rem;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.hero {
  min-height: 30rem;
}

.padding-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.hero-overlay {
  position: absolute;
  left: -5%;
  top: 7rem;
  right: -5%;
  bottom: auto;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.image {
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 991px) {
  .page {
    background-position: 50% 0%;
  }
}