/* ====== Blog ====== */
.breadcrumb {
    margin: 0;
    justify-content: flex-end;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: right;
}

.blog .jumbotron {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--mainColoer);
}

.blog .jumbotron .blog-desc {
    width: 55%;
}

.blog .jumbotron .blog-desc h4 {
    font-size: x-large;
}

.blog .jumbotron .blog-img {
    width: 40%;
}

/* .blog-pagination {
    margin: 0 100px;
} */

@media (max-width: 768px) {

    .blog .jumbotron {
        display: block;
    }

    .blog .jumbotron .blog-desc {
        width: 100%;
    }

    .blog .jumbotron .blog-img {
        width: 100%;
        margin: 10px 0;
    }
}