body .sky {
    background-color: transparent;
    padding: 0 0 311px 0;
    margin: 0;
    min-width: 971px;
	max-height:750px;
    overflow: hidden;
    position: relative;
	z-index: 4;
}

body .sky #clouds1 {
    width: 5304px;
    height: 489px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #8fcdff;
    background-image: url("/portfolio-images/clouds1.jpg");
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 1326px 191px;
}
#clouds1 {
    animation: clouds1 401s linear 0s infinite normal;
    -ms-animation: clouds1 401s linear 0s infinite normal;
    -moz-animation: clouds1 401s linear 0s infinite normal;
    -o-animation: clouds1 401s linear 0s infinite normal;
    -webkit-animation: clouds1 401s linear 0s infinite normal;
}
body .sky #clouds2 {
    width: 5304px;
    height: 557px;
    position: absolute;
    top: 250px;
    left: 0;
	z-index:1;
    background-color:   transparent;
    background-image: url("/portfolio-images/clouds2.png");
    background-position: center right;
    background-repeat: repeat-x;
    background-size: 1326px 191px;
}
#clouds2 {
    animation: clouds2 199s linear 0s infinite normal;
    -ms-animation: clouds2 199s linear 0s infinite normal;
    -moz-animation: clouds2 199s linear 0s infinite normal;
    -o-animation: clouds2 199s linear 0s infinite normal;
    -webkit-animation: clouds2 199s linear 0s infinite normal;
}

body .sky #cloudsbottom {
    width: 5640px;
    height: 490px;
    position: absolute;
    display: block;
    bottom: 0;
    left: -1410px;
    background-color: #8fcdff;
    background-image: url("/portfolio-images/cloudsbottom.jpg");
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: 2820px 490px;
}
#cloudsbottom {
    animation: cloudsbottom 401s linear 0s infinite normal;
    -ms-animation: cloudsbottom 401s linear 0s infinite normal;
    -moz-animation: cloudsbottom 401s linear 0s infinite normal;
    -o-animation: cloudsbottom 401s linear 0s infinite normal;
    -webkit-animation: cloudsbottom 401s linear 0s infinite normal;
}


.clouds1 from{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

.clouds1 to{
    -webkit-transform:translate(-1326px,0);
    -moz-transform:translate(-1326px,0);
    -ms-transform:translate(-1326px,0);
    -o-transform:translate(-1326px,0);
    transform:translate(-1326px,0)
}


@-webkit-keyframes clouds1{
    from{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

to{
    -webkit-transform:translate(-1326px,0);
    -moz-transform:translate(-1326px,0);
    -ms-transform:translate(-1326px,0);
    -o-transform:translate(-1326px,0);
    transform:translate(-1326px,0)
	}
}

#clouds1{
    animation:clouds1 401s linear 0s infinite normal;
    -ms-animation:clouds1 401s linear 0s infinite normal;
    -moz-animation:clouds1 401s linear 0s infinite normal;
    -o-animation:clouds1 401s linear 0s infinite normal;
    -webkit-animation:clouds1 401s linear 0s infinite normal
}

.clouds2 from{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

.clouds2 to{
    -webkit-transform:translate(-1326px,0);
    -moz-transform:translate(-1326px,0);
    -ms-transform:translate(-1326px,0);
    -o-transform:translate(-1326px,0);
    transform:translate(-1326px,0)
}

@keyframes clouds2{
    from{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

to{
    -webkit-transform:translate(-1326px,0);
    -moz-transform:translate(-1326px,0);
    -ms-transform:translate(-1326px,0);
    -o-transform:translate(-1326px,0);
    transform:translate(-1326px,0)
	}
}

@-webkit-keyframes clouds2{
    from{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

to{
    -webkit-transform:translate(-1326px,0);
    -moz-transform:translate(-1326px,0);
    -ms-transform:translate(-1326px,0);
    -o-transform:translate(-1326px,0);
    transform:translate(-1326px,0)
	}
}

#clouds2{
    animation:clouds2 199s linear 0s infinite normal;
    -ms-animation:clouds2 199s linear 0s infinite normal;
    -moz-animation:clouds2 199s linear 0s infinite normal;
    -o-animation:clouds2 199s linear 0s infinite normal;
    -webkit-animation:clouds2 199s linear 0s infinite normal
}

.cloudsbottom from{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

.cloudsbottom to{
    -webkit-transform:translate(1410px,0);
    -moz-transform:translate(1410px,0);
    -ms-transform:translate(1410px,0);
    -o-transform:translate(1410px,0);
    transform:translate(1410px,0)
}

@keyframes cloudsbottom{
    from{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

to{
    -webkit-transform:translate(1410px,0);
    -moz-transform:translate(1410px,0);
    -ms-transform:translate(1410px,0);
    -o-transform:translate(1410px,0);
    transform:translate(1410px,0)
	}
}

@-webkit-keyframes cloudsbottom{
    from{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

to{
    -webkit-transform:translate(1410px,0);
    -moz-transform:translate(1410px,0);
    -ms-transform:translate(1410px,0);
    -o-transform:translate(1410px,0);
    transform:translate(1410px,0)
	}
}

#cloudsbottom{
    animation:cloudsbottom 401s linear 0s infinite normal;
    -ms-animation:cloudsbottom 401s linear 0s infinite normal;
    -moz-animation:cloudsbottom 401s linear 0s infinite normal;
    -o-animation:cloudsbottom 401s linear 0s infinite normal;
    -webkit-animation:cloudsbottom 401s linear 0s infinite normal
}

@media screen and (max-width: 500px){
	body .sky {
		max-height: 550px;
	}
}