&.header-4 {

    // General

    @include md-screen {

        .menu-blank {
            margin-left: $circle;
            transform: translateX($grid-spacer);
        }
    }

    .left-part {

        @include flex;
        @include align-items(center);

        .desktop-hamburger {
            margin-right: 1rem;
        }

        .menu-optional {

            > li {   
                
                &:first-child {
                    padding-left: 0;
                }
            }
        }
    }

    // Desktop

    &:not(.-mobile) {

		opacity: 0;
        transition-duration: 0.05s;
        transition-timing-function: $transition-function;
        transition-property: opacity;

        .branding {
            
            @include centered;

            &-title {
                width: auto;
                padding: 0 30px;
            }
        }

        .left-part,
        .right-part {
            z-index: 20;
        }

        .top-part {
            height: 100%;
            position: relative;

            .nav {
                position: absolute;
            }

			&.page-container {
			
				&::after {
					display: none;
				}
			}
        }
    }
}