.tz-magic-scroll-block-left,
.tz-magic-scroll-block-right {
  float: left;
  width: 50%;
  padding: 40px;
}
.tz-magic-scroll-image {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.tz-magic-scroll-fixed {
  position: fixed;
  z-index: 0;
  transition: 0.3s all linear;
}
.tz-magic-scroll-clear {
  clear: both;
}

@media screen and (max-width: 768px) {
  .tz-magic-scroll-block-left,
  .tz-magic-scroll-block-right {
    float: none;
    width: 100%;
    margin: auto;
    text-align: center;
    padding:10px;
  }
  .tz-magic-scroll-image {
    max-width: 250px;
  }
  .tz-magic-scroll-fixed {
    left: 0;
    text-align: center;
  }
  .tz-magic-scroll-block-left {
    position: relative;
    z-index: 2;
	background-color: #ffffffd1;
  }
}

.msc-1 {
background-color:#e3f6fe;
}
.msc-2 {
background-color:#d7edf6;
}
.msc-3 {
background-color:#cadfe7;
}

@media screen and (max-width: 768px) {
.msc-1, .msc-2, .msc-3 {
	background-color:transparent;
}
}