/* Navigation

=============== */

.main-navigation {

padding: $padding;
position: relative;
left: 0;
right: 0;
z-index: 30;
color: $background !important;
background-color: darken($primary-color, 20%);

}

.absolute-navigation {

position: absolute;
background-color: transparent;

}

.main-navigation .container {

display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;

}

.main-navigation a {

color: $background !important;

}

.navigation-links a {

padding: $padding;

}

.site-logo {

max-width: 200px;
max-height: 100px;
object-fit: contain;
object-position: center;

}