.province-title{position:absolute;text-decoration:none;color:#fff;font-weight:200!important;z-index:3;font-size:45px;line-height:1.1;top:calc(50% - 30px);width:calc(100% - 15px);text-align:center}.commune,.promoted-province{font-weight:200;padding:3px}.commune{padding-left:10px;padding-bottom:5px;overflow-x:hidden}.commune-img{background-size:cover;background-position:center}.commune-img{height:250px}.commune img,.promoted-province img{height:120px;position:absolute;z-index:2;width:auto;z-index:3;top:60;margin:auto;left:0;right:0;opacity:0}.commune-title{position:absolute;text-decoration:none;color:#fff;font-weight:200!important;z-index:3;font-size:45px;line-height:1;top:calc(50% - 25px);width:calc(100% - 15px);text-align:center}@media screen and (max-width:400px){.commune-title{font-size:35px}}.commune .black-background{position:absolute;width:calc(100% - 12px);height:calc(100% - 6px);left:10px;top:2px;background:rgba(0,0,0,.5);opacity:0}.promoted-province .black-bg{position:absolute;left:3;top:3;width:calc(100% - 6px);height:calc(100% - 6px);background:#000;opacity:0;transition:opacity linear .3s;-webkit-transition:opacity linear .3s;-moz-transition:opacity linear .3s;-o-transition:opacity linear .3s}.promoted-province:focus .black-bg,.promoted-province:hover .black-bg{opacity:.4}