/* header */
.l-header {
    padding: 15px 0px;
    background: linear-gradient(#{$gd-direction}, $gd-start, $gd-end); 

    &__background {
        padding: 0 15px;
    }

    &__container {
        max-width: $cwidth;
        margin: 0px auto;

        @include mq(large) {
            width: 100%;
            padding: 0px 15px;
            margin: 0px;
        }
    }

    &__h1 {
        margin: 0px;
    }

    &__logo {
        font-size: $f28;
        color: $white;
        
        @include mq(small) {
            font-size: $f20;
        }
    }

    &__span {
        font-weight: bold;
    }

    &__name {
        margin-right: 10px;
        color: $white;

        @include mq(large) {
            margin-right: 0px;
        }
    }

    &__logout {
        padding: 5px 15px;
        border: 1px solid $white;
        color: $white;
    }

}

