.logo-outline {
    stroke: #D4AF36;
    stroke-width: 11;
    stroke-miterlimit: 10;
    stroke-linecap: round; /* Only for logo outline */
    fill: none;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    filter: none;
}

.logo-filament {
    stroke: #D4AF36;
    fill: none;
    stroke-width: 11;
    stroke-miterlimit: 10;
    stroke-linecap: butt; /* No rounded caps for filaments */
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    filter: none;
}

.logo-background {
    opacity: 0;
    fill: #0C0A3E;
    filter: none;
}

#logo-text-container {
    font-size: 11vw;
    text-align: left;
    font-weight: 900;
    font-family: "SUSE", sans-serif;
    color: #D4AF36;
    max-height: fit-content;
    overflow: visible;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.landing-logo-spacer{
    display: none;

}

.logo_container {
    position: fixed;        
    height: fit-content;
    width: fit-content;
    max-width: 1100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    z-index: 105;
}

#tip-main-logo {
    position: relative;
    width: 50vh;
    max-height: 70vh;
    opacity: 0;
    overflow: visible;
}

@media screen and (max-width: 800px) {
    .logo_container {
        top:4vh;
        overflow: visible;
        max-width: 100vw;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
    }

    .logo-text {
        margin: 0;
        display: none;
    }

    #logo-text-container {
        width: 100%;
        justify-content: center;
        display: none;
        overflow: visible;
        opacity: 0;
    }
    
    #tip-main-logo {
        display: block;
        position: relative;
    }
}