/* * * Headings * * */
.b-heading {
    position: relative;
    margin: 30px 0 20px;
    font: 400 14px 'Roboto', sans-serif;
    color: #000;
}

.b-heading__center {
    text-align: center;
}

.b-heading__uppercase {
    text-transform: uppercase;
}

.b-heading_title {
    font: 500 24px 'Roboto', sans-serif;
}

.b-heading_subtitle {
    font: 500 22px 'Roboto', sans-serif;
}

@media (min-width: 768px) {

    .b-heading {
        margin-bottom: 18px;
    }

    .b-heading_title {
        font: 500 32px 'Roboto', sans-serif;
    }

    .b-heading_subtitle {
        font: 500 30px 'Roboto', sans-serif;
    }

}

@media (min-width: 1264px) {

    .b-heading {
        margin-bottom: 18px;
    }

    .b-heading_title {
        font: 500 32px 'Roboto', sans-serif;
    }

    .b-heading_subtitle {
        margin-bottom: 24px;
        font: 500 30px 'Roboto', sans-serif;
    }

}

.b-heading:first-child {
    margin-top: auto;
}

.b-heading:last-child {
    margin-bottom: auto;
}

.b-path + .b-heading {
    margin-top: auto;
}