.header-bar {
    background-color: $color__theme-primary;
    color: $color_white;

    .row {
        padding-top: $small-gutter/2;
        padding-bottom: $small-gutter/2;
    }
}

.logo {
    display: flex;
    flex: 0 0 100%;
    justify-content: center;
    text-align: center;
    width: auto;
    max-width: 100%;
    height: 100px;
    padding: $small-gutter $default-gutter/2;

    img {
        max-height: 100%;
    }

    .text-logo-link {
        font: $size__font-body*2 italic $h1-font-family;
        text-decoration: none;
        text-transform: uppercase;
        color: $color__theme-primary;
        font-weight: bold;
        display: block;
        height: 100%;
        line-height: 80px;
    }
}

.quick-contacts {
    flex: 0 0 100%;
    width: auto;
    max-width: 100%;
    align-self: end;
    padding-right: $default-gutter/2;
    padding-left: $default-gutter/2;
    margin-bottom: $small-gutter;

    a {
        display: block;
        margin: 0 3px;
        font-size: 20px;
        width: 28px;
        height: 28px;
        text-align: center;
        color: $color__theme-primary;
        text-decoration: none;
    }

    .social {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

#header {
    .quick-contacts {
        

    
    }
}


/**
 * <= 991px
 */
 @media (max-width: $bpmsdMax) {

}

/**
 * >= 576px
 */
@media (min-width: $bpsd) {
    
}

/**
 * >= 768px
 */
@media (min-width: $bpmd) {
    .logo {
        flex-basis: auto;
        text-align: left;
    }
    .quick-contacts {
        flex-basis: auto;
        align-self: flex-end;
    }
}

/**
 * >= 992px
 */
@media (min-width: $bpmsd) {

}

/**
 * >= 1024px
 */
@media (min-width: $bpld) {

}