.services div#fold1 {
    position: relative;
    overflow: hidden;
}
.out-view .welcome-image {
    transform: scale(0);
    transition: all ease 0s;
}
.welcome-image {
    transform: scale(1);
    transition: all ease 0.5s 0.5s;
}

div#fold2.out-view:before {
 opacity: 0;
    transition: all ease 0s 0s;
}
div#fold2:before {
 opacity: 1;
    transition: all ease 0.5s 0.25s;
}
.out-view .half-image-full {
    transform: translateX(200%);
       transition: all ease 0s 0s;
}
.half-image-full {
    transform: translateX(0);
    transition: all ease 0.5s 0.25s;
}

.intro-text h1 {
    transform: scale(0);
    transform-origin: 0 0;
    transition: all ease 0s;
}
.active .intro-text h1 {
    transform: scale(1);
    transition: all ease 0.5s 0.5s;
}
.intro-text p {
    transform:translateX(300%);
     transition: all ease 0s;
	padding: 0px 20px;
}
.active .intro-text p {
    transform:translateX(00%);
     transition: all ease 0.5s 1s;
}
 .intro-text .readmore {
    transform:translateY(800px);
     opacity:0;
     transition: all ease 0s 0s;
}
.active .intro-text .readmore {
    transform:translateY(00px);
     transition: all ease 0.5s 1.25s;
     opacity:1;
}
.button-wrapper {
    display: block;
    width: 170px;
    position: relative;
}
.readmore {
    color: white !important;
    transition: all ease 0.5s;
}


 .readmore:hover {background: #45b935;}