/* Pinned container holding the columns */
.columns-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
/* Each column is absolutely positioned, 25% wide and full height */
.column {
  position: absolute;
  top: 0;
  height: 100%;
  width: 25%;
  opacity: 0;
  transform: translateY(50px);
  display: flex;
  justify-content: center;
  font-size: 16px;
  box-sizing: border-box;
}
#col1 { left: 0%;background:#4367c8;padding:40px 20px; }
#col2 { left: 25%;background:#a7ea52;padding:40px 20px; }
#col3 { left: 50%;background:#5dceaf;padding:40px 20px; }
#col4 { left: 75%;background:#7bcaef;padding:40px 20px; }

@media (min-width: 767px) {
  .columns-container {
	display:block;
  }
  #mobile_scroll {
  	display:none;
  	}
}

@media (max-width: 767px) {
  .columns-container {
	display:none;
  }
  #mobile_scroll {
  	display:block;
  	}
.col1 { width: 100%;background:#4367c8;padding:40px; }
.col2 { width: 100%;background:#a7ea52;padding:40px; }
.col3 { width: 100%;background:#5dceaf;padding:40px; }
.col4 { width: 100%;background:#7bcaef;padding:40px; }

}