.site-header__logo{
    position:relative;
    display:inline-block;
}

.site-header__logo a{
    font-family:'Cinzel',serif;
    font-size:42px;
    font-weight:700;
    letter-spacing:6px;
    text-decoration:none;
    color:#ffffff;
    position:relative;
}

.petal{
    position:absolute;
    font-size:16px;
    opacity:1;
    animation:fall 4s linear infinite;
}

.p1{ left:10%; top:-20px; animation-delay:0s;}
.p2{ left:30%; top:-20px; animation-delay:1s;}
.p3{ left:50%; top:-20px; animation-delay:2s;}
.p4{ left:70%; top:-20px; animation-delay:1.5s;}
.p5{ left:90%; top:-20px; animation-delay:2.5s;}

@keyframes fall{
    0%{
        transform:translateY(0) translateX(0) rotate(0deg);
        opacity:1;
    }
    50%{
        transform:translateY(60px) translateX(10px) rotate(180deg);
        opacity:0.8;
    }
    100%{
        transform:translateY(120px) translateX(-10px) rotate(360deg);
        opacity:0;
    }
}

.logo-tm{
    font-size:14px;
    vertical-align:super;
}