body {
    background-image:    url(images/background_low.jpg);
    background-repeat:   no-repeat;
    background-position: center center;
}

.fadein {
    position:absolute;
    top:10%;
    left:50%;
    margin:auto;
}
.fadein img {
    position:absolute;
    left:-250px;
    top:0;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 6s;
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

#f1 {
}
#f2 {
    -webkit-animation-delay: -4s;
}
#f3 {
    -webkit-animation-delay: -2s;
}

div.a {
    text-align: center;
    font-family: myFirstFont;
    font-size: 40px;
    text-rendering: optimizeSpeed;
}

@font-face {
    font-family: myFirstFont;
    src: url(fonts/RioOro.otf);
}