.section-2{
    padding: 70px 7%;
}
.blog-title{
    font-size: 28px;
  margin: 0 0 15px 0;
  color: black;
  font-weight: 600;
}
.blog-image{
    width: 100%;
  margin: 0 0 15px 0;
  border-radius: 15px;
}
.blog-content p{
    font-size: 16px;
    margin: 0 0 10px 0;
}
.blog-content h2{
    font-size: 18px;
    font-weight: 600;
  margin: 0 0 10px 0;
}
.blog-content ul{
    padding-left: 15px;
}
.blog-content ul li{
    font-size: 16px;
    margin: 0 0 10px 0;
}
.related-blogs{
    padding: 7%;
    background: whitesmoke;
    border-radius: 15px;
}
.related-blogs h2{
    font-size: 24px;
    margin: 0 0 15px 0;
    font-weight: 600;
  color: black;
}
.related-blogs ul{
    padding-left: 15px;
}
.related-blogs ul li{
    font-size: 16px;
    margin: 0 0 10px 0;
}
.related-blogs ul li a{
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .blog{
        padding-right: 5%;
    }
}
@media screen and (max-width: 768px) {
    .section-2 {
    	padding: 30px 7%;
    }
    .blog-title, .related-blogs h2{
        font-size: 22px;
    }
    .blog-content h2{
        font-size: 16px;
    }
    .blog-content p, .blog-content ul li, .related-blogs ul li{
        font-size: 14px;
    }
    .related-blogs{
        margin: 15px 0 0 0;
    }
}
@media screen and (max-width: 575px) {
    .section-2 {
    	padding: 30px 7%;
    }
    .blog-title, .related-blogs h2{
        font-size: 18px;
    }
    .blog-content h2{
        font-size: 16px;
    }
    .blog-content p, .blog-content ul li, .related-blogs ul li{
        font-size: 14px;
    }
}