.tematik_layout[class*="section"] {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

@media (min-width: 992px) {
  .tematik_layout[class*="section"] {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.tematik_layout[class*="section"]:first-child {
  margin-top: -4rem;
}

@media (min-width: 992px) {
  .tematik_layout[class*="section"]:first-child {
    margin-top: -6rem;
  }
}

.tematik_layout[class*="section"]:last-child {
  margin-bottom: -4rem;
  padding-bottom: 4rem;
}

@media (min-width: 992px) {
  .tematik_layout[class*="section"]:last-child {
    margin-bottom: -6rem;
    padding-bottom: 6rem;
  }
}

.tematik_layout[class*="section"] + .tematik_layout[class*="section"] {
  margin-top: -3.5rem;
}

@media (min-width: 992px) {
  .tematik_layout[class*="section"] + .tematik_layout[class*="section"] {
    margin-top: -4rem;
  }
}

.tematik_layout[class*="section"] > .row {
  margin-left: 0;
  margin-right: 0;
}

.tematik_layout[class*="section"] > .row > [class*="col"] {
  padding: 0;
}

.section-grise {
  position: relative;
}

.section-grise::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
  width: 100vw;
  height: 100%;
  background-color: #F2F2F2;
}

.section-grise::before, .section-grise::after {
  left: -moz-calc(50% - 50vw);
  left: calc(50% - 50vw);
}

.section-grise + .section-grise {
  padding-top: 0;
}