#tags{padding:20px;text-align:center}
#tags h4{color:#000;font-weight:600;margin-bottom:20px;font-size:1.3rem}
#tags h4::after{color:#000;content:'';width:5%;height:1px;overflow:hidden;background-color:#2c2c2c;display:block;margin:5px auto 0}
#tags a{display:inline-block;margin:0 10px;font-size:1.1rem}
#tags a.active{color:#000;text-decoration:underline}
#tags a.tagsAll{display:none}
#blog_articles{width:95%;margin:0 auto}
#blog_articles article{width:30%;background-color:#ececec;margin:0 20px 50px;text-align:center;cursor:pointer;position:relative}
#blog_articles article span{width:100%;height:100%;background-color:rgba(0,0,0,0.1);position:absolute;top:0;left:0;opacity:0;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}
#blog_articles article:hover span{opacity:1}
#blog_articles article .fullBack{height:200px}
#blog_articles article h2{font-weight:600;padding:10px}
#blog_articles article h2::after{content:'';width:50%;height:1px;overflow:hidden;background-color:#2c2c2c;display:block;margin:5px auto 0}
#blog_articles article h2 a{color:#000}
#blog_articles article .cap{padding:5px 10px 10px;font-size:0.75rem}
@media screen and (max-width:799px),screen and (min-width:800px) and (max-width:1159px) and (orientation:portrait){#blog_articles article{width:90%}}






@media screen and (min-width:1500px){#blog_articles article{width:22%}
#blog_articles article .fullBack{height:250px}}