@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}


@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}

/* Keyframes */

@-skrollr-keyframes fade-into-view {
    data-bottom-top {
        opacity: 0;
    }

    data-center {
        opacity: 1;
    }
}

@-skrollr-keyframes bg-top {
    0 {
        background-size: 100% 410px;
        opacity: 1;
    }

    410 {
        background-size: 125% 600px;
        opacity: 0;
    }
}

@-skrollr-keyframes bg-top-small {
    0 {
        background-size: 100% 130px;
        opacity: 1;
    }

    130 {
        background-size: 105% 150px;
        opacity: 0;
    }
}

@-skrollr-keyframes top-nav {
    start {
        height: !230px;
        background-image: !url(images/shadow-top.png);
        background-color: !rgba(0,0,0,0);
        background-position: !top left;
        background-repeat: !repeat-x;
    }

    100-top-bottom {
        height: !40px;
        background-image: none;
        background-color: !rgba(55,55,55,1);
        padding: !3px;
        color: white;
    }
}

@-skrollr-keyframes top-nav-logo {
    top {
        margin-top: !0px;
        padding-left: !0px;
        background: !transparent;
    }
    100-top-bottom {
        margin-top: !-10px;
        padding-left: !193px;
        background: !url(images/logo-small-top.png) no-repeat;
        box-sizing: border-box;
    }
}

@-skrollr-keyframes navbar-right {
    top {
        margin-top: !38px;
    }
    100-top-bottom {
        margin-top: !0px;
    }
}


@-skrollr-keyframes about-piece-fade {
    bottom-top {
        opacity: 0;
    }
    center {
        opacity: 1;
    }
    top-bottom {
        opacity: 1;
    }
}

@-skrollr-keyframes about-piece-left {
    bottom-top {
        margin-left: -100%;
        opacity: 0;
    }
    center {
        margin-left: 0%;
        opacity: 1;
    }
    top-bottom {
        margin-left: 0%;
        opacity: 1;
    }
}

@-skrollr-keyframes about-piece-right {
    bottom-top {
        margin-left: 100%;
        opacity: 0;
    }
    center {
        margin-left: 0%;
        opacity: 1;
    }
    top-bottom {
        margin-left: 0%;
        opacity: 1;
    }
}

@-skrollr-keyframes about-piece-bottom {
    bottom-top {
        margin-bottom: -100%;
        opacity: 0;
    }
    center {
        margin-bottom: 0%;
        opacity: 1;
    }
    top-bottom {
        margin-bottom: 0%;
        opacity: 1;
    }
}


@-skrollr-keyframes about-piece-flip {
    bottom-top {
        margin-bottom: -100%;
        opacity: 0;
    }
    center {
        margin-bottom: 0%;
        opacity: 1;
    }
}