.header {

    width:100%;
    height:80px;
    background-color:rgba(44,62,80,1.0);
    position:fixed;
    top:40px;
    z-index:10;

}

.header .logo {

    width:244px;
    height:46px;
    position:absolute;
    top:0;
    left:55px;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
    background-image:url('./files/elements/galaxyLogo_white.svg');
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;

}

.invisible_headerHolder {

    width:100%;
    height:120px; /* 80px + 40px - header + topline*/
    position:relative;
    z-index:2;

}

@media screen and (max-width:770px) {

    .header .logo {
    
        left:20px;
    
    }

}

@media screen and (max-width:500px) {

    .header .logo {

        width:170px;
        height:32px;
        
    }

}