/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.blog-widget{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1055px;
    margin: auto;
    padding: 0px 20px;
    gap: 20px;
}
.blog-widget .blog-image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 8vw 5vw;
}
.blog-widget h3{
    padding-bottom: 10px;
    font: 700 25px/30px 'Source Sans Pro';
    z-index: 2;
    position: relative;
}
.blog-widget h3 a{
    text-decoration: none;
    color: #d80100;
}
.blog-widget h3 a:hover{
    color: #ff9326 !important;
}
@media screen and (max-width: 1024px) {
    .blog-widget .blog-image{
        padding: 15vw 0px;
    }
}

@media screen and (max-width: 600px) {
    .blog-widget{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .blog-widget .blog-container{
        width: 80%;
    }
    .blog-widget .blog-image{
        padding: 30vw;
    }
}