.logo-container { display: block; }
.logo-icon { display: block }

/* Default layout */
.logo-container.logo-header { margin-right: auto }
.logo-icon.logo-header { display: block; padding-top: 10px; width: 175px; fill: #FFF; transition: .25s; }
body.scrolled .logo-icon.logo-header { fill: var(--mainBlue) }

.logo-icon.logo-footer { width: 200px; margin-bottom: 20px; fill: var(--mainBlue) }

@media (max-width: 480px) {
    .logo-icon.logo-header { width: 140px }
}

@media (max-width: 380px) {
    .logo-icon.logo-header { width: 110px }
}

/* Account layout - Header */
.logo-container.account-header { }
.logo-icon.account-header { height: 50px; fill: #FFF; }

/* Account layout - Footer */
.logo-container.account-footer { }
.logo-icon.account-footer { height: 50px; fill: #FFF; }