.prev{background:url(../images/previous-blog.svg) no-repeat center/contain;}
.next{background:url(../images/next-blog.svg) no-repeat center/contain;}
.blog-nav{flex-wrap: wrap;}
.blog-nav a,.blog a{color: white;}
.blog-nav div{width: 90%;height: 20vw;}
h1,h2,h3,h4,.blog a{text-align: center;}
.blog-img{display: block;margin: auto;width: 90%;border-radius: 30px;}
.blog a{background-color: var(--primary-color);border-radius: 30px;padding: 2% 10%;width: 70%;display: block;margin: 3vh auto;}
@media only screen and (min-width: 600px) {
    .blog a{width: 40%;}
}
@media only screen and (min-width: 992px) {
    .blog-nav{gap: 10vw;}
    .blog-nav div{width: 40vw;height: 10vw;}
    .blog-nav a{padding: 5%;}
    .blog-img{width: 70%;}
    .blog a{padding: 2%;}
}
@media only screen and (min-width: 1700px) {
}