*{
    font-family: 'Lato', sans-serif;
}

/* font weight */
.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-700{
    font-weight: 700 !important;
}

/* text color */
.text-black{
    color: #000000 !important;
}
.text-dark{
    color: #212122 !important;
}
.text-white{
    color: #ffffff !important;
}
.text-danger{
    color: #CF312D !important;
}
.text-secondary{
    color: #55595C !important;
}
.text-warning{
    color: #F39649 !important;
}
.text-primary{
    color: #A22623 !important;
}

/* line clamp */
.line-clamp-1{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.subjudul{
    font-size: 20px;
    line-height: 24px;
    color: #CF312D;
    font-weight: 600;
    margin-top: 20px;
}

@media(max-width: 576px){
    h4{
        font-size: 20px;
    }
    p{
        font-size: 14px;
    }
}