.truncate-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    /* default: small screens */
}

@media (min-width: 769px) {
    .truncate-multiline {
        -webkit-line-clamp: 4;
        /* larger screens */
    }
}

.center-1078 {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 1078px) {
    .center-1078 {
        margin-left: auto;
        margin-right: auto;
    }
}

.font-family {
    font-family: "Roboto", sans-serif !important;
}

.rotate-180{ transform: rotate(180deg) }