body {
  margin: 0;
}
.element {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
#banner {
  overflow: hidden;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 300px;
  height: 600px;
  cursor: pointer;
  box-sizing: border-box;
  opacity: 0;
}
#img_holder {
  left: 0;
  top: 0;
  width: 300px;
  height: 605px;
}
#img {
  left: 0;
  top: 0;
  background-image: url(img.jpg);
  width: 300px;
  height: 605px;
}
#img_txt {
  left: 272px;
  top: 90px;
  background-image: url(img_txt.png);
  width: 12px;
  height: 37px;
}
#logo_holder {
  left: 13px;
  top: 20px;
  width: 209px;
  height: 549px;
}
#logo_line {
  left: 0;
  top: 0;
  width: 1px;
  height: 532px;
  background-color: #fff;
}
#logo_logitech {
  left: 17px;
  top: 490px;
  width: 192px;
  height: 59px;
}
#cta {
  left: 28px;
  top: 20px;
  width: 252px;
  height: 38px;
}
#cta_bg,
#cta_in {
  left: 0;
  top: 0;
  width: 252px;
  height: 38px;
}
#cta_txt {
  left: 0;
  top: 0;
  background-image: url(cta_txt.png);
  width: 252px;
  height: 38px;
}
#cta_arrow {
  left: 0;
  top: 1px;
  background-image: url(cta_arrow.png);
  width: 252px;
  height: 38px;
}
#txt_holder {
  left: 27px;
  top: 442px;
  width: 203px;
  height: 31px;
}
#txt_0 {
  left: -2px;
  top: -2px;
  background-image: url(txt_0.png);
  width: 258px;
  height: 41px;
}
#txt_1 {
  left: -2px;
  top: -2px;
  background-image: url(txt_1.png);
  width: 258px;
  height: 41px;
}
#headline_holder {
  left: 29px;
  top: 355px;
  width: 238px;
  height: 128px;
}
#headline {
  left: 0;
  top: 0;
  width: 238px;
  height: 128px;
}
#border {
  width: 300px;
  height: 600px;
  border: 1px solid #ddd;
  overflow: hidden;
  box-sizing: border-box;
  pointer-events: none;
}
#cover {
  width: 300px;
  height: 600px;
  background-color: #fff;
  pointer-events: none;
}
#cta_bg {
  border: 1px solid #fff;
  box-sizing: border-box;
}
#headline_main {
  fill: #fff;
}