header {
    background: #000;
    padding: 3.08vw 6.15vw;
    width: 100%;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;

    nav {
        .logo img {
            width: 23.59vw;
            height: 8.21vw;
        }

        .menu {
            .menuIcon {
                height: 6.15vw;
                width: 6.15vw;
            }

            .expanded {
                height: calc(100vh - 14.36vw);
                display: flex;
                opacity: 1;
                transition: all 0.3s ease;
                position: fixed;
                top: 14.36vw;
                left: 0;
                padding: 2.05vw 0;
            }

            .collapsed {
                height: 0;
                padding: 0;
                position: absolute;
                left: 0;
                top: 14.36vw;
            }

            ul {
                overflow: hidden;
                height: 0;
                opacity: 0;
                width: 100%;
                z-index: 99;
                display: flex;
                flex-direction: column;
                background-color: #22075E;

                li {
                    width: 100%;

                    a {
                        padding: 2.05vw 6.15vw;

                        font-size: 2.56vw;
                        font-family: OpenSans-SemiBold;
                        font-weight: 500;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;

                        img {
                            height: 4.1vw;
                            width: 4.1vw;
                        }
                    }
                }
            }
        }
    }
}