.main-header {
background: black; position: fixed; top: 0; left: 0; width: 100%; padding: 30px 0; z-index: 5; nav { text-align: center; padding: 10px 0; } li { display: none; vertical-align: middle; margin: 15px 25px 0 25px; } a { font-family: $titleFont; color: $accentFontColor; text-transform: uppercase; } .logo { display: inline-block; position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0); margin: 0; } .icon-Oppositionn-Logo { font-size: 4em; color: $accentFontColor; } .home { margin-left: 0; } .partners { margin-right: 80px; } .contact { a { @include button; } }
}
@media only screen and (min-width: $windowSize) {
.main-header { display: inline-block; padding: 0; nav { padding: 20px 0; } li { display: inline-block; } .logo { top: 50%; left: 50%; transform: translate(-50%, -50%); } }
}