@charset "UTF-8";

header{
    &::before{
        content:"";
        width:100%;
        height:100%;
        background-image:url();
        background-repeat:repeat-x;
        background-position:bottom;
        position:absolute;
        top:0;
        left:0;
        z-index:0;
        opacity:1;
    }

    & .solar{
        position:absolute;
        top:0;
        left:0;
        z-index:1;
    }

    & h6{
        margin-top:var(--navigation-h-1);
        margin-bottom:0.5rem;
    }
    
    &.parallax{
        height:450px;
    }
}

@media(max-width:575px){
    header{
        text-align:center;
    }
}