.header {
    min-width: 100%;
    margin-top: var(--large-spacing)
}

.header .inner-container {
    width: 100%;
    height: 56px;
    background-color: transparent;
    padding: var(--large-spacing) var(--extra-large-gap);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media all and (max-width: 576px) {
    .header .inner-container { 
        padding: var(--large-spacing) var(--default-gap);
    }
}

.header.primary {
    background-color: var(--primary-color);
}

@media all and (max-width: 768px) {
    .landing-section .rounded-article {
        border-radius: var(--radius-md) var(--radius-md) var(--radius-xl) var(--radius-md);
    }

    .logo-icon {
        max-height: 45px;
    }
}

@media all and (max-width: 576px) {
    .logo-icon {
        max-height: 40px;
    }
}

.nav {
    display: flex;
    align-items: center;
}