@media (max-width: 1099px) {
  #box-1 {
    height: 70vh;
    width: 100%;
    display: table;
    background-size: cover;
    background-attachment: inherit;
  }
}

@media (min-width: 1100px) {
  #box-1 {
    height: 100vh;
    width: 100%;
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}

@media (max-width: 1099px) {
  #box-2 {
    height: 70vh;
    width: 100%;
    background-size: cover;
    background-image: url("pr_clean_1160x500.jpg");
    display: table;
    background-attachment: inherit;
  }
}

@media (min-width: 1100px) {
  #box-2 {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-image: url("salaojienhuolto_1160x500.jpg");
    display: table;
    background-attachment: fixed;
  }
}