.clearfix {
	&:before, &:after {
			content: "";
			display: table;
	}
	&:after {
		clear: both;
		}
	zoom: 1;
}

.row {
  @extend .clearfix;
  width: 100%;
}

.column {
  float: left;
  display: block;
  width: 100%;
  padding: 0px 100px ;
  min-height: 100%;
  background: #ffffff;
  
  img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}

div.column:last-child { margin:0; }

.animate-elements .fx-fadein {
  opacity:0;
  transform:translate3d(0,50px,-500px);
  transition-duration:1.5s;
}
.animate-elements .fx-fadein.animated {
  opacity:1;
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
}

@media (max-width:420px)

{.column {
  float: left;
  display: block;
  width: 100%;
  vertical-align: center;
  margin: auto;
  padding: 0px 20px ;
  min-height: 100%;
  background: #ffffff;
  
  
}