.header-main {
    justify-content: space-between;
}

.show-on-mobile {
    display: block;
}

.static-logo {
    /* Comment/uncomment if circular logo */
    /* transform: translateY(30px);
    height: 120px;
    background-color: white;
    border-radius: 100%;
    border: 5px solid white;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); */
}

.hero {
    background-image: var(--gradient-2);
    min-height: 40vh;
}

.hero-right {
    background-image:
        var(--gradient-1),
        url('../media/hero-4.jpg');
}

.hero-text-container h1 {
    background: none;
    background-clip: none;
    -webkit-background-clip: none;
    -webkit-text-fill-color: white;
    font-size: clamp(2rem, 12vw, 3.5rem);
    text-align: left;
}

@media (max-width: 1000px) {
    .hero {
        background-image: none;
        min-height: 30vh;
    }
    
    .hero-text-container h1 {
        text-align: center;
    }
    
    .hero-left {
        min-height: 30vh;
        background-image: var(--gradient-2);
        -webkit-clip-path: none;
        clip-path: none;     
    }

    .hero-right {
        display: none;
    }

    .static-logo {
        height: 75%;
        /* transform: translateY(16px);
        height: 90px;
        background-color: white;
        border-radius: 100%;
        border: 2px solid white;
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); */
    }
}