@charset "utf-8";
/* CSS Document */

.blog {display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: stretch;align-items: stretch;}

.blog .item0 {-webkit-flex:1 1 33%; flex:1 1 33%; margin:2px;}

.blog .item {-webkit-flex:1 1 33%; flex:1 1 33%; margin:2px;}
.blog .item3 {-webkit-flex:1 1 66%; flex:1 1 66%; margin:2px;}


.blog .item1 {-webkit-flex:1 1 33%; flex:1 1 33%; margin:2px; text-align:right;}
.blog .item2 {-webkit-flex:1 1 66%; flex:1 1 66%; margin:2px; text-align:left;}


@media (max-width: 1270px) {
.blog {flex-direction: row-reverse;}
.blog .item1 {order: 1; text-align:left;}
.blog .item2 {order: 3;}}
}