.zaferina-font-preview .form-group.font-size-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    text-align: center;
}

.zaferina-font-preview .form-group.font-size-wrap .font-size-label,
.zaferina-font-preview .form-group.font-size-wrap .font-size-range,
.zaferina-font-preview .form-group.font-size-wrap .font-size-px {
    padding: 0 5px;
}

.zaferina-font-preview .form-group.font-size-wrap .font-size-label {
    flex-basis: 15%;
}

.zaferina-font-preview .form-group.font-size-wrap .font-size-range {
    flex-basis: 65%;
    line-height: 30px;
}

.zaferina-font-preview .form-group.font-size-wrap .font-size-px {
    flex-basis: 20%;
}

.zaferina-font-preview .form-group.font-size-wrap .font-size-range input {
    width:100%;
}

.zaferina-font-preview .font-preview .font-preview-item.Thin {
    font-weight: 100;
}

.zaferina-font-preview .font-preview .font-preview-item.ExtraLight {
    font-weight: 200;
}

.zaferina-font-preview .font-preview .font-preview-item.Light {
    font-weight: 300;
}


.zaferina-font-preview .font-preview .font-preview-item.Regular {
    font-weight: 400;
}


.zaferina-font-preview .font-preview .font-preview-item.Medium {
    font-weight: 500;
}


.zaferina-font-preview .font-preview .font-preview-item.SemiBold {
    font-weight: 600;
}

.zaferina-font-preview .font-preview .font-preview-item.Bold {
    font-weight: 700;
}


.zaferina-font-preview .font-preview .font-preview-item.ExtraBold {
    font-weight: 800;
}

.zaferina-font-preview .font-preview .font-preview-item.Black {
    font-weight: 900;
}

.zaferina-font-preview .font-preview .font-preview-item.Thin.Italic,
.zaferina-font-preview .font-preview .font-preview-item.ExtraLight.Italic,
.zaferina-font-preview .font-preview .font-preview-item.Light.Italic,
.zaferina-font-preview .font-preview .font-preview-item.Regular.Italic,
.zaferina-font-preview .font-preview .font-preview-item.Medium.Italic,
.zaferina-font-preview .font-preview .font-preview-item.SemiBold.Italic,
.zaferina-font-preview .font-preview .font-preview-item.Bold.Italic,
.zaferina-font-preview .font-preview .font-preview-item.ExtraBold.Italic,
.zaferina-font-preview .font-preview .font-preview-item.Black.Italic {
    font-style: italic;
}

.zaferina-font-preview  .font-preview-item:first-child {
    border-top:1px solid #ddd;
    margin-top: 10px;
}

.zaferina-font-preview  .font-preview-item {
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.zaferina-font-preview  .font-preview-title {
    margin-bottom: 15px;
    font-size: 14px;
}

.zaferina-font-preview  .content-preview {
    font-size: 25px;
    line-height: normal;
}