/* Mobile phones */
@media (max-width: 639px) {
    .imgpos-dog1 {
      width: 140px;
      height: auto;
      bottom: 48px;
      left: -85px;
    }
    .imgpos-dog2 {
      width: 160px;
      height: auto;
      bottom: 28px;
      right: -75px;
    }
    .imgpos-dog3 {
      width: 140px;
      height: auto;
      bottom: 132px;
      left: -29px;
    }
    .imgpos-dog4 {
      width: 185px;
      height: auto;
      bottom: 97px;
      right: -69px;
    }

    .boardwall {
      height: 300px;
      max-width: 400px;
      top: 20px;
    }
    .board {
      width: 320px;
      height: auto;
      top: 20px;
    }
    .boardlamps {
      width: 250px;
      height: auto;
      left: 50%;
      transform: translate(-50%);
      top: -10px;
    }
    .boarddog {
      width: 120px;
      height: auto;
      right: -60px;
      top: 100px;
    }
    .boardnote {
      left: 50px;
      top: 210px;
    }
  }

/* Tables, old screens and some odd resolutions */
@media (min-width: 640px) and (max-width: 1023px) {
    .imgpos-dog1 {
      width: 140px;
      height: auto;
      bottom: 48px;
      left: -85px;
    }
    .imgpos-dog2 {
      width: 160px;
      height: auto;
      bottom: 28px;
      right: -70px;
    }
    .imgpos-dog3 {
      width: 140px;
      height: auto;
      bottom: 132px;
      left: -29px;
    }
    .imgpos-dog4 {
      width: 185px;
      height: auto;
      bottom: 97px;
      right: -120px;
    }

    .boardwall {
      height: 400px;
      min-width: 460px;
      max-width: 600px;
      top: 20px;
    }
    .board {
      width: 460px;
      height: auto;
      top: 20px;
    }
    .boardlamps {
      width: 320px;
      height: auto;
      left: 50%;
      transform: translate(-50%);
      top: -20px;
    }
    .boarddog {
      width: 140px;
      height: auto;
      right: -40px;
      top: 120px;
    }
    .boardnote {
      left: 80px;
      top: 290px;
    }
  }

/* Modern screens, 4k TV */
@media (min-width: 1024px) {
    .imgpos-dog1 {
      width: 200px;
      height: auto;
      bottom: 82px;
      left: -120px;
    }
    .imgpos-dog2 {
      width: 250px;
      height: auto;
      bottom: 32px;
      right: -120px;
    }
    .imgpos-dog3 {
      width: 220px;
      height: auto;
      bottom: 193px;
      left: -46px;
    }
    .imgpos-dog4 {
      width: 260px;
      height: auto;
      bottom: 155px;
      right: -100px;
    }

    .boardwall {
      height: 500px;
      min-width: 580px;
      max-width: 600px;
      top: 20px;
    }
    .board {
      width: 580px;
      height: auto;
      top: 20px;
    }
    .boardlamps {
      width: 380px;
      height: auto;
      left: 50%;
      transform: translate(-50%);
      top: -25px;
    }
    .boarddog {
      width: 200px;
      height: auto;
      right: -140px;
      top: 150px;
    }
    .boardnote {
      left: 60px;
      top: 340px;
    }
  }