.blog-index{display:flex;flex-wrap:wrap}.blog-index__post{flex:0 0 100%;margin-bottom:4rem}@media screen and (min-width:768px){.blog-index__post--small{flex:0 0 50%}}@media screen and (min-width:1000px){.blog-index__post--small{flex:0 0 33.33333%}}@media screen and (min-width:768px){.blog-index__post--large{display:flex;flex:1 0 100%}}.blog-index__post-image{height:auto;max-width:100%}@media screen and (min-width:768px){.blog-index__post-image-wrapper--large{flex:1 1 31%}.blog-index__post-content--large{flex:1 1 55%;padding-left:2rem}.blog-index__post-content--full-width{flex:1 1 100%;padding-left:0}}