.dfblog-grid        h1,
.dfblog-grid        h2,
.dfblog-grid        h3,
.dfblog-grid        h4,
.dfblog-grid        h5,
.dfblog-grid        h6 {}
.dfblog-grid        a,
.dfblog-grid        a:hover,
.dfblog-grid        a:focus,
.dfblog-grid        a:active {
            text-decoration: none;
            outline: none;
        }
        
.dfblog-grid        a,
.dfblog-grid        a:active,
.dfblog-grid        a:focus {
            color: #333;
            text-decoration: none;
            transition-timing-function: ease-in-out;
            -ms-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-duration: .2s;
            -ms-transition-duration: .2s;
            -moz-transition-duration: .2s;
            -webkit-transition-duration: .2s;
            -o-transition-duration: .2s;
        }
        
       .dfblog-grid ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
.dfblog-grid        img {
    max-width: 100%;
    height: auto;
}
/*--blog----*/

.dfblog-grid {
    padding: 50px 0;
}

.blog-list-grid {
    column-count: 2;
    column-gap: 30px;
}
.blog-list {
    float: left;
    width: 100%;
      -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid; 
    page-break-inside: avoid;
    
    margin: 0 0 30px 0;
    background-color: #FFFFFF;  
    -moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.05);
    -o-box-shadow: 0 0 15px 2px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.05);
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.05);
}
.blog-list-description {
    padding: 45px 25px;
}
.blog-list-description h4 {
    color: #424C4C;
    font-family: "Playfair Display";
    font-size: 24px;
    letter-spacing: 0.78px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.blog-list-description h4 a {
    color: #424C4C;
}
.blog-list-description h4 a:hover {
    color: #06797b;
}
.blog-list-description p {
    font-size: 16px;
    line-height: 1.5;
}

@media only screen and (max-width: 921px) {
.blog-list-grid {
    column-count: 2;
}

}
@media only screen and (max-width: 767px) {
.blog-list-grid {
    column-count: 1;
}

}