.label {
    display: inline-block;
    text-align: center;
    font-size: 0.75rem;
    padding: .2rem .8rem;

    &-fixed {
        width: 7.5rem;
        padding: .6rem 0;

        &-lg {
            width: 9.5rem;
            padding: .6rem 0;
        }
    }

    &-big {
        width: 16.8rem;
        font-size: 1.4rem;
        padding: 1.1rem 0;
    }

    &-xl {
        width: 10.5rem;
        padding: 1.1rem 0;
        font-size: 1.5rem;
    }

    &-lg {
        width: 9.5rem;
        padding: 1.1rem 0;
    }

    &-md {
        width: 8.5rem;
        padding: 1.1rem 0;
    }

    &-sm {
        width: 7.5rem;
        padding: 1.1rem 0;
    }
}

.label-default{
    background: #ADB6C7;
}

.label-primary{
    background: $primary;
    color: $white;
}

.label-secondary{
    background: $secondary;
    color: $white;
}

.label-info{
    background: $info;
    color: $white;
}

.label-success{
    background: $success;
    color: $white;
}

.label-warning{
    background: $warning;
    color: $white;
}

.label-danger{
    background: $danger;
    color: $white;
}


.label-light{
    background: $light;
    color: $black;
}


.label-dark{
    background: $dark;
    color: $white;
}





.heading-labels{
    color: #333333;

    & > *{
        margin-bottom: .8rem;
    }

    h1{
        .label{
            font-size: 18px;
            font-weight: normal;
            padding: .4rem .9rem;
        }
    }

    h2{
        .label{
            font-size: 16px;
            font-weight: normal;
            padding: 0.3rem .9rem;
        }
    }

    h3{
        .label{
            font-size: 14px;
            font-weight: normal;
        }
    }

    h4{
        .label{
            font-size: 12px;
            font-weight: normal;
        }
    }

    h5{
        .label{
            font-size: 12px;
            font-weight: normal;
        }
    }

    h6{
        .label{
            font-size: 12px;
            font-weight: normal;
        }
    }
}