.header-wrapper {
    &.fixed {
        position: fixed;
        width: 100% !important;
        z-index: 999;
        margin: 0em auto;
        background: #000;
        justify-content: center;
    }
    .site-header {
        padding: 1.25em 0em;
        .navbar-light {
            padding: 0em;
            .site-logo {
                @include mediaQuery(576px) {
                    margin-left: 1.25em;
                }
                .navbar-brand {
                    min-height: 3.125em;
                    img {
                        min-height: 3.125em;
                    }
                }
            }
            .navbar-nav {
                .nav-item {
                    padding: 0;
                    margin: 0;
                    .nav-link {
                        font-size: 17px;
                        font-style: normal;
                        font-weight: 600;
                        letter-spacing: 1px;
                        text-transform: uppercase;
                        position: relative;
                        padding: 0 22px;
                    }
                }
            }
        }
        &.sticky {
            padding: 0em;
            .navbar-light {
                .site-logo {
                    img {
                        min-height: 2.125em;
                    }
                }
            }
        }
    }
    .header-contents {
        position: relative;
    }
    @include mediaQuery(767px) {
        .header-contents {
            position: relative;
            .navbar-toggler {
                position: absolute;
                top: 0em;
                right: 0.9375em;
            }
        }
        .site-navigation {
            margin-left: inherit !important;
            width: 100%;
        }
    }
    .toggle-btn {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 2.5em;
        height: 2.5em;
        right: 0.9375em;
        z-index: 1005;
        top: 0.9375em;
        cursor: pointer;
        @include mediaQuery(767px) {
            right: 0.9375em;
            top: 0.5625em;
        }
        span {
            &.one {
                position: absolute;
                width: 2.5em;
                height: .125em;
                background: #0099D3;
            }
            &.two {
                position: absolute;
                width: 2.5em;
                height: .125em;
                background: #0099D3;
                margin-top: 0.75em;
            }
            &.three {
                position: absolute;
                width: 2.5em;
                height: .125em;
                background: #0099D3;
                margin-top: 1.5em
            }
        }
    }
}

.full-screen-menu {
    z-index: 1000;
    position: fixed;
    background: rgba(42, 42, 42, .8);
    height: 100%;
    width: 100%;
    top: -100%;
    .data {
        padding: 8em 0 0 2em;
        text-align: left;
        ul {
            list-style: none;
            li {
                line-height: normal;
                &:first-child {
                    color: grey;
                    font-size: 1.5em;
                }
                &:not(:first-child) {
                    color: #fff;
                    font-size: 2.625em;
                }
                a {
                    text-decoration: none;
                    color: #fff;
                }
            }
        }
    }
}