/*breakpoints*/
.blog .blogpost__card {
  width: 25%;
  padding: 0 1rem 1rem 0;
}
@media screen and (max-width: 991.98px) {
  .blog .blogpost__card {
    width: 33.3333333%;
  }
}
@media screen and (max-width: 767.98px) {
  .blog .blogpost__card {
    width: 50%;
  }
}
@media screen and (max-width: 399.98px) {
  .blog .blogpost__card {
    width: 100%;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fschlumberger%2Fscss%2Fcomponents%2F_blog.scss%22%2C%22%2Fthemes%2Fschlumberger%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BACYE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAARA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */