.header
    text-transform: capitalize
    font-family: $secondlyFf
    align-items: center
    padding: 25px 0
    margin-bottom: 50px
    +md
        margin-bottom: 0
    .navbar
        padding: 0
        font-size: 16px
        &-toggler
            background: url(../img/bars_ic.png) no-repeat center
        &-nav
            margin-left: auto
        &-collapse
            text-align: right
        &_home_ic
            color: $mainAccentDesignColor
            font-size: 14px
        .nav-link
            margin-left: 34px
            padding: 5px
            &:hover
                @extend  %hover_opacity
            &:first-child
                margin-left: 0
                +md
                    display: none
            +md
                margin-left: 0
                display: block
                padding: 15px 0
                text-transform: uppercase
                text-align: center

.promo
    background: url(../img/main_pic.jpg) no-repeat
    background-size: cover
    padding: 67px 0
    color: #424242
    margin-bottom: 40px
    +sm
        margin-bottom: 20px
    &_content
        max-width: 390px
        +md
            max-width: 90%
            margin: 0 auto
    &_title
        font-size: 36px
        margin-bottom: 17px
    &_txt
        margin-bottom: 35px
        line-height: 1.5
        font-size: 16px
        font-weight: 600
    &_form
        margin-bottom: 13px
        &_description
            margin-bottom: 10px
        input
            height: 38px
            width: 250px
            border: 1px solid #dadada
            padding-left: 15px
            &::placeholder
                color: #aaaaaa
                font-size: 16px
            +sm
                margin-bottom: 20px
        &_btn
            background: $secondlyAccentDesignColor
