.blog_tiles{display:flex;justify-content: center;flex-wrap:wrap;}

.blog_tile{width:20%;background-color:white;display:block;padding:5px;border-radius:3px;margin:5px;text-align:center;border:1px solid #eee;}
    .blog_tile .image img{width:100%;}
    .blog_tile .name{padding: 20px 0;}

.blog_tile:hover{box-shadow:0 0 5px #444;}

.blog_page{display:flex;padding:10px;}
    
    .blog_content{flex-grow:1;width:800px;}
        .blog_content>.image>img{width:100%;}

    .blog_navi{width:300px;padding-left:30px;}

    .blog_others{display:flex;justify-content: space-between;flex-wrap:wrap;}

    .blog_content .centrer{width:auto;}

    .blog_navi .blog_tile{width:auto;margin: 0 10px 10px 10px;}

    .blog_others .blog_tile{flex-basis:29%;flex-grow:1;}
    
    
/*
#############################################################################
#############################################################################
*/

@media screen and (max-width:1150px){

}


/*
#############################################################################
#############################################################################
*/

@media screen and (max-width:500px){
    
    .blog_content{width:auto;}
    
    .blog_navi{display:none;}

    .blog_tile{width:43%;margin:1%;}

    

}