#list{display:flex;flex-wrap:wrap;justify-content:center}article{width:calc(33.33% - 10px);padding-top:calc(33.33% - 10px);height:auto;margin:5px;background:#000;cursor:pointer;transition:all .3s;position:relative}article .overlay{display:flex;flex-direction:column;opacity:0;background-color:rgba(0,0,0,.75);color:#fff;position:absolute;width:100%;top:0;bottom:0;transition:all .3s;justify-content:center;align-items:center;text-decoration:none}article .overlay .title{font-size:20px;margin-bottom:10px}article .overlay .tag{font-size:16px;opacity:.7}article:hover{transform:translateY(-10px);box-shadow:0 6px 10px 2px #ebebeb}article:hover .overlay{opacity:1}.a6{background:url(../img/inedito_carte.62df0b56.jpg) no-repeat 50%;background-size:130%}.a9{background:url(../img/ejc_web.e740df9c.jpg) no-repeat 50%;background-size:150%}.a3{background:url(../img/mtp_logo.c7097843.jpg) no-repeat 50%;background-size:135%}.a4{background:url(../img/colexo_mac.da22a94c.jpg) no-repeat 50%;background-size:135%}.a5{background:url(../img/ag_logo.f862b7b3.jpg) no-repeat 50%;background-size:150%}.a1{background:url(../img/bdb_mac.bf8abc4e.jpg) no-repeat 50%;background-size:135%}.a7{background:url(../img/ph_paper.3748733d.jpg) no-repeat 50%;background-size:130%}.a8{background:url(../img/wine-1.8c92d961.jpg) no-repeat 50%;background-size:140%}.a2{background:url(../img/pd_mac.40ffcccd.jpg) no-repeat 50%;background-size:135%}@media screen and (min-width:536px){header nav>*{margin:10px;font-size:14px}h1{margin:0 30px 0 15px}article{width:calc(33.33% - 30px);padding-top:calc(33.33% - 30px);margin:15px}#navSub{padding:0 15px}}@media screen and (min-width:920px){#list{justify-content:flex-start}article{width:calc(31% - 30px);padding-top:calc(31% - 30px)}}