body{
	
}

#wrapper{
    background-size: cover;
    position: absolute;
    bottom: 0;
    background: url(pics/puupuu2/puupuu2-bg.jpg);
	background-size: cover;
	background-position: bottom;
	
}

#bg{
	position: absolute;
	bottom: 0px;
	display: flex;
	align-items: flex-end;
}

#titel{
	position: absolute;
	left: 50%;
	top:10%;
	width: 43%;
	margin-left: -2%;
	margin-top: 2%;
	-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);
}

.print1{
	width: 7%;
	position: absolute;
	left: 50%;
	bottom:82%;
	margin-left: -25%;
}

.bok{
	width: 5.8%;
	position: absolute;
	left: 50%;
	bottom:34.7%;
	margin-left: 4.6%;
}

.pennor{
	width: 3%;
	position: absolute;
	left: 50%;
	margin-left: -30%;
	bottom: 23.3%;
}

.toffla{
	width: 5%;
	position: absolute;
	left: 50%;
	margin-left: -24%;
	bottom: 5%;
}



#lampa2, #lampa2On{
	width: 8%;
	position: absolute;
	left: 50%;
	margin-left: -43%;
	bottom: 23%;
}
#lampa1, #lampa1On{
	width: 5%;
	position: absolute;
	left: 50%;
	margin-left: -48%;
	bottom: 79%;
}

#bla, #blaOn{
	width: 19%;
	position: absolute;
	left: 50%;
	bottom:2%;
	margin-left: 27%;
}
#print2{
	width: 13%;
	position: absolute;
	left: 50%;
	bottom:51%;
	margin-left: 16%;
}
.rotate{
	-ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Safari */
    transform: rotate(-180deg);
}










.on1{
	animation: on1 2s ease-in-out infinite;
	transform-origin: center bottom;
	animation-duration: 2s;
}
@keyframes on1 {
    0%, 100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}
.on2{
	animation: on2 0.2s ease-in-out infinite;
	transform-origin: center bottom;
	animation-duration: 0.8s;
}
@keyframes on2 {
    0%, 100% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, -10px);
    }
}

.on3{
	animation: on3 2s ease-in-out infinite;
	transform-origin: center bottom;
	animation-duration: 1.2s;
}
@keyframes on3 {
    0%, 100% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(10deg)
    }
}

.on4{
	animation: on4 2s ease-in-out infinite;
	transform-origin: right bottom;
	animation-duration: 1.8s;
}
@keyframes on4 {
    0%, 100% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(10deg)
    }
}









@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}