#logo, 
#facebook, #instagram, #social-media, #burger-icon, 
#altice, plako {
    display: inline-block;

    background-size: cover;
    background-position: center;

    cursor: pointer;
}

#logo {
    background-image: url(../icons/logo.png);
    width:  var(--logo-width);
    height: var(--logo-height);
    margin: 1mm;
}

#facebook, #instagram, #burger-icon {
    width:  var(--button-size);
    height: var(--button-size);
    margin: 0mm;
}

#facebook {
    background-image: url(../icons/facebook-icon-bw.png);
}

#instagram {
    background-image: url(../icons/instagram-icon-bw.png);
}

#burger-icon {
    background-image: url(../icons/burger-icon.png);
}

/* not in use
#social-media {
    background-image: url(../icons/social-media.png);
    width: 6cm;
    height: 3cm;
    margin: 1mm;
}
*/

#altice {
    background-image: url(../icons/altice_logo_Hrz_Neg_rgb.png);
    width: 2cm;
    height: 1cm;
    margin: 1mm;
}

#plako {
    background-image: url(../icons/LogoPlako.svg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: grayscale(1);
    width: 4cm;
    height: 0.75cm;
    margin: 1mm;
}