main {
  margin-top: var(--body-margin-top-offer);
  padding-top: var(--sector-vertical-padding);
  padding-bottom: var(--sector-vertical-padding);
}

.footer {
  margin-top: var(--footer-margin-top);
}

.offer1-title {
  text-align: center;
}

.new-old-machines {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--grid-gap);
  padding-top: var(--sector-vertical-padding);
  padding-bottom: var(--sector-vertical-padding);
  padding-left: var(--body-padding-horizontal);
  padding-right: var(--body-padding-horizontal);
}

.new-machines,
.old-machines {
  display: flex;
  height: 300px;
  justify-content: center;
  align-items: center;
  background-size: cover;
  position: relative;
}

.new-machines {
  background-image: url(/images/offer1/new-machines.jpg);
}

.old-machines {
  background-image: url(/images/offer1/old-machines.jpg);
}

.new-machines_overlay,
.old-machines_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.726);
  transition: background-color 0.3s;
  cursor: pointer;
}
.new-machines_overlay:hover,
.old-machines_overlay:hover {
  background-color: rgba(0, 0, 0, 0.826)
}

.new-machines_text,
.old-machines_text {
  position: absolute;
  top: 40%; 
  left: 50%; 
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: var(--light-color);
  text-align: center;
  pointer-events: none;
}

.new-machines_logo {
  height: 48px;
  position: absolute;
  bottom: 15%;
  left: 33%;
  translate: translateX(-50%);
  pointer-events: none;
}

@media screen and (max-width:1100px) {

  .new-old-machines {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: var(--grid-gap);
    padding-top: var(--sector-vertical-padding);
    padding-bottom: var(--sector-vertical-padding);
    padding-left: var(--body-margin-horizontal-rs);
    padding-right: var(--body-margin-horizontal-rs);
  }

  .new-machines_logo {
    display: none;
  }

  .new-machines_text,
  .old-machines_text {
    font-weight: 700;
  }

  .footer {
    margin-top: var(--footer-margin-top-rs);
  }
}
