body{
	background: url(pics/puupuu1/puupuu1_bg.jpg);
}

#wrapper{
    background-size: cover;
    
    position: absolute;
    bottom: 0;
}

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

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

.bla{
	width: 23%;
	position: absolute;
	left: 50%;
	bottom:26%;
	margin-left: -41.7%;
}

.igelkott{
	width: 11%;
	position: absolute;
	left: 50%;
	bottom:17.6%;
	margin-left: -6%;
}

.blomma1{
	width: 12%;
	position: absolute;
	left: 50%;
	margin-left: -36%;
	bottom: 64%;
}
.blomma2{
	width: 13%;
	position: absolute;
	left: 50%;
	margin-left: -9%;
	bottom: 62%;
}
.blomma3{
	width: 10%;
	position: absolute;
	left: 50%;
	margin-left: -17%;
	bottom: 46%;
}











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

    50% {
        transform: rotate3d(0, 0, 1, 4deg)
    }
}

.on2{
	animation: on2 2s ease-in-out infinite;
	transform-origin: center bottom;
	animation-duration: 3.8s;
}
@keyframes on2 {
    0%, 100% {
        transform: rotate3d(0, 0, 1, -5deg)
    }

    50% {
        transform: rotate3d(0, 0, 1, 5deg)
    }
}
.on3{
	animation: on3 2s linear infinite;
	transform-origin: center;
	animation-duration: 2.7s;
}
@keyframes on3 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}
.on4{
	animation: on4 2s linear infinite;
	transform-origin: center;
	animation-duration: 1.2s;
}
@keyframes on4 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}
.on5{
	animation: on5 2s ease-in-out infinite;
	transform-origin: center;
	animation-duration: 5.2s;
}
@keyframes on5 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}







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