#logo-fixed {
    display: none;
}

@media (min-width: 980px) {
    #logo {
        transition: opacity 400ms 400ms ease-in-out;
    }

    .et-fixed-header #logo {
        opacity: 0;
        transition-delay: 0ms;
    }

    #logo-fixed {
        display: initial;
        max-height: 40%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        transition: opacity 400ms ease-in-out;
    }

    .et-fixed-header #logo-fixed {
        opacity: 1;
        transition-delay: 500ms;
    }
}