body, #wrapper {
    margin: 0;
    padding: 0;
}

body {
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

#wrapper {
    height: 100%;
}

#burger {
    position: absolute;
    visibility: hidden;
    z-index: 9999;
}

@media (min-width: 1200px) {
  #container1,#container2,#container3,#container4 {
      width: 100%;
      height: 100%;
      position: absolute;
      box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
      overflow-x: hidden;
  }
  #container1 {
      left: 0px;
  }
  #container2 {
      left: 200px;
  }
  #container3 {
      left: 400px;
  }
  #container4 {
      left: 600px;
  }

  #burger {
      top: 50px;
      right: 50px;
  }

}

@media (max-width: 1199px) {
  #container1,#container2,#container3 {
      height: 80px;
      overflow: auto;
  }
  #container4 {
      min-height: 100%;
      overflow: hidden;
      overscroll-behavior: contain;
  }

  #burger {
      top: 20px;
      right: 20px;
  }

}