/* @keyframes duration | easing-function | delay |
iteration-count | direction | fill-mode | play-state | name */
/*animation: 3s ease-in 1s 2 reverse both paused slide-in;*/

/* @keyframes duration | easing-function | delay | name */
/*animation: 3s linear 1s slide-in;*/



/*@keyframes fade-out {
    0% {
        opacity: 0;
        transform: translateY(-150px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.intersect-object {
    opacity: 0;
    transform: translateY(0px);
}
    .intersect-object.show {
        animation-name: fade-out;
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-direction: normal;
        animation-fill-mode: both;
    }*/

.who-we-are, .what-we-do, .our-skills-div {
    overflow-x:hidden;
}

.intersect-object {
    transform: scale(0.5);
    opacity: 0;
}

    .intersect-object.show {
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-timing-function:ease-in-out;
        animation-direction: normal;
        animation-fill-mode:both;               
    }

.who-we-are .intersect-object.show, .our-skills-div .intersect-object.show, .what-we-do .intersect-object.show {
    animation-name: fadeout;
}

@keyframes fadeout {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    100% {        
        transform: scale(1);
        opacity: 1;
    }
}

/*@keyframes left2right {
    0% {
        transform: translateX(-300px);        
        opacity: 0;
    }

    100% {
        transform: translateX(0);        
        opacity: 1;
    }
}

@keyframes right2left {
    0% {
        transform: translateX(300px);        
        opacity: 0;
    }

    100% {
        transform: translateX(0);        
        opacity: 1;
    }
}*/


 /*Responsive layout - makes a two column-layout instead of four columns */
/*@media (max-width: 768px) {
    @keyframes left2right {
        0% {
            transform: translateX(-200px);            
            opacity: 0;
        }

        100% {
            transform: translateX(0);            
            opacity: 1;
        }
    }

    @keyframes right2left {
        0% {
            transform: translateX(200px);            
            opacity: 0;
        }

        100% {
            transform: translateX(0);            
            opacity: 1;
        }
    }
}*/

 /*Responsive layout - makes the two columns stack on top of each other instead of next to each other */
/*@media (max-width: 576px) {
    @keyframes left2right {
        0% {
            transform: translateX(-100px);
            opacity: 0;
        }

        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }

    @keyframes right2left {
        0% {
            transform: translateX(100px);
            opacity: 0;
        }

        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }
}*/


/*.what-we-do, our-skills-div {
    opacity: 0;
}

.what-we-do.show, our-skills-div.show {
    animation-name: fade-out;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    animation-fill-mode: both;
}*/