body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.screenshots div:first-child {
    position: relative;
    top: -50px;
}

.jumbotron {
/*    overflow: hidden; */
}

.screenshots div:first-child img {
    position: absolute;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    height: 380px;
}

.changing img {
    animation-iteration-count: infinite;
    animation-duration: 60s;
}

.changing img:nth-child(1) {
    opacity: 1;
    animation-name: changing-default;
    animation-delay: 0s;
}

.changing img:nth-child(2) {
    opacity: 0;
    animation-name: changing-alt;
    animation-delay: 16s;
}

.changing img:nth-child(3) {
    opacity: 0;
    animation-name: changing-alt;
    animation-delay: 32s;
}


@keyframes changing-default {
    0%   {
        opacity: 1.0;
		z-index: 1000;
    }
    25%   {
        opacity: 1.0;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
		z-index: 1000;
    }
    33%   {
        opacity: 0.0;
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);
		z-index: 0;
    }
    67% {
        opacity: 0.0;
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);
		z-index: 0;
    }
    75% {
        opacity: 1.0;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
		z-index: 1000;
    }
    100% {
        opacity: 1.0;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
		z-index: 1000;
    }
}

@keyframes changing-alt {
    0%   {
        opacity: 0.0;
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);
		z-index: 0;
    }
    5%   {
        opacity: 1.0;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
		z-index: 1000;
    }
    31%   {
        opacity: 1.0;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
		z-index: 1000;
    }
    39%   {
        opacity: 0.0;
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);
		z-index: 0;
    }
    100%   {
        opacity: 0.0;
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);
		z-index: 0;
    }
}

.firstcol {
	padding-top: 2.8em!important;
}