#Home{background: #362f2d;background: #4f0117;background: radial-gradient(ellipse at center,  #4f0117 1%,#380002 100%);}



#HB
{
    padding-top:1em;
}
#HB > article{width: 24%;float: left;margin: 0 .5% 1% .5%;overflow: hidden !important;transition: .4s;background-color: rgba(0,0,0,.2);box-shadow:0 0 1px #aaa;}
#HB > article > a{display:block; overflow:hidden !important; position:relative;}
#HB > article > a > i{position: absolute;top: 0%;left: 0%;right: 0%;bottom: 0%;transition: .3s;background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.3) 90%,rgba(0,0,0,0.4) 100%),url('/Files/Images/view.png') center center;opacity: 0;background-repeat: no-repeat;}
#HB > article:hover > a > i{opacity:1;}
#HB > article > a > img{width:100%;transition:.6s; display:block;}
#HB > article > h2{line-height:150%;margin:0;text-align:center;color:#ff670f; height:2em; font-size:90%;}
#HB > article > p{line-height:140%;text-align:justify; font-size:80%; height:5.5em; overflow:hidden; padding:.5em;}
#HB > p{clear:both;padding-top:1em;text-align:center;font-size:2em;}

@media only screen and (min-width:1px) and (max-width: 800px)
{
    #HB > article{width: 49%;}
}