.blog__text {
    padding-top:4rem;
}
.blog__text h3 {
    font-size:3rem;
    margin-bottom:3rem;
}
.blog__text p {
    text-align: justify;
    text-justify: inter-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.blog__img img {
    width:100%;
}
.blog__btn {
    font-size: 2rem;
    border:1px solid #000;
    padding:1rem 6rem;
    display: inline-block;
    margin:4rem 0;
}
.blog__btn:hover,.blog__btn:focus {
    color:#fff;
    background:#000;
}
.blog__tags li{
    list-style-type: none;
    display: inline-block;
    font-size: 1.6rem;
    font-family: 'Source Code Pro', monospace;
    font-weight: 300;
}
.blog__tags li:not(:first-child)::after{
    content:",";
}
.blog__tags li:last-child::after{
    content:"";
}
.blog__tags li b{
    list-style-type: none;
    display: inline-block;
    font-size: 1.6rem;
    font-family: 'Source Code Pro', monospace;
    font-weight: 600;
}
.blog__box {
    margin-top:6rem
}
.blog__box:last-child {
    margin-bottom:6rem
}
.page-link {
    font-size: 1.8rem;
}
.page-item.active .page-link {
    background-color: #000;
    border-color:  #000;
}
.page-link {
    color:#000;
    border: 1px solid #000;
    padding: .5rem 1rem;
}
.page-link:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.page-link:focus {
    z-index: 3;
    color: #000;
    background-color: #fff;
    outline: 0;
    box-shadow: none;
}
.page-item:first-child .page-link,.page-item:last-child .page-link {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.blog .position-relative {
    height:4rem;
    margin:4rem 0;
}
@media(max-width:1600px) { 
    .blog__text h3 {
        font-size:2.5rem;
    }
    .blog__btn {
        font-size:1.8rem;
    }
    .blog__text p {
        -webkit-line-clamp: 5;
    }
}
@media(max-width:1400px) {  
    .blog__text {
        padding-top: 2.5rem;
    }
    .blog__text p {
        -webkit-line-clamp: 4;
    }
}
@media (max-width:1300px)  {
    .blog__text p {
        -webkit-line-clamp: 3;
    }
}
 @media (max-width:1200px)  {
    .blog__text p {
        -webkit-line-clamp: 3;
    }
    .blog__text {
        padding-left:3rem;
        padding-top: 2rem;
    }
    .blog__text h3 {
        margin-bottom:1.5rem;
    }
    .blog__btn {
        margin:2.5rem 0;
    }
}
 @media(max-width:992px) {
    .blog__box:first-child {
        margin-top: 0;
    }
    .blog__text {
        padding-left:1.5rem;
        padding-top:3rem;
    }
    .blog__text p {
        -webkit-line-clamp: 6;
    }
}

@media(max-width:768px) {
    .blog__text p {
        text-align: initial;
        text-justify: initial;
    }
    .blog__box {
        margin-top: 3rem;
    }
}