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{
	width: 38%;
	margin-left: 5%;
	margin-top: 2%;
	-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);
}
#bo{
	width: 25%;
	position: absolute;
	left: 50%;
	margin-left: -7%;
	bottom: 18%;
}

.faglar{
	width: 20%;
	position: absolute;
	left: 50%;
	margin-left: -4%;
	bottom: 28%;
}

.bla{
	width: 35%;
	position: absolute;
	left: 50%;
	bottom:11%;
	margin-left: -3.6%;
}
.mask{
	width: 6.4%;
	position: absolute;
	left: 50%;
	margin-left: 11.5%;
	bottom: 1.6%;
}
.blomma1{
	width: 6.4%;
	position: absolute;
	left: 50%;
	margin-left: -20%;
	bottom: 5%;
}
.blomma2{
	width: 13%;
	position: absolute;
	left: 50%;
	margin-left: -40%;
	bottom: 3%;
}



#postOpen{
	position: absolute;
	left: 50%;
	margin-left: 2%;
	width: 4%;
	bottom: 9%;
}
#postBrev{
	position: absolute;
	left: 50%;
	margin-left: 2%;
	width: 4%;
	bottom: 9%;
}
#postFast{
	position: absolute;
	left: 50%;
	margin-left: 2%;
	width: 4%;
	bottom: 9%;
}








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

    50% {
        transform: scaleY(0.6) 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 ease-in-out infinite;
	transform-origin: center center;
	animation-duration: 2.7s;
}
@keyframes on3 {
    0%, 100% {
        transform: rotate3d(0, 0, 1, -5deg)
    }

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

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

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

    50% {
        transform: scale(1.2)
    }
}




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