/* 
LOGO
*/
#header-logo {
    display: none;
    position: fixed;
    top: calc(50vw - 16.7vw);
    left: calc(50vw - 16.7vw);
    width: 33.3333vw;
    height: 33.3333vw;
    animation: sm-logo 10s linear infinite forwards;
    z-index: 20;
}
@keyframes sm-logo {
    from {rotate: 0;}
    to {rotate: 360deg;}
}
@media only screen and (min-width: 768px) {
    #header-logo {
        top: 1rem;
        left: 1rem;
        width: 5.5rem;
        height: 5.5rem;
    }
}
.sm-logo--path {fill: white;}


/* 
BACKGROUND
*/
#bg-media {opacity: .8;}