h1{text-align:center}div.games{max-width:768px;padding:0 3%}div.games,div.menu,h1{margin:0 auto}div.menu{padding:2%}.promo{position:relative;display:block;background-color:#f7e8d2;padding:5px 5px 5px 15px;border-radius:6px;width:100%;overflow:hidden}a.promo{border-top:1px solid #fff;border-bottom:1px solid #c7a687}a.promo:active,a.promo:focus,a.promo:hover{color:#fff;text-decoration:none;background-color:#337ab7}.promo-title{font-size:1.5em;font-weight:700;padding:0}.promo-icon{float:left;padding:-15px;max-width:150px;margin-right:10px;margin-left:-10px}.promo-summary{color:#555}.gamemenu{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.cell{margin-bottom:15px}.cell2:hover .cell-icon{opacity:.2;position:absolute;top:0;left:0;transition:all 500ms ease}.cell2:hover .cell-btn{top:10px;display:block;transition:all 400ms ease;width:100%;padding:0 15%;font-size:15px}.cell2:hover{top:128px;transition:all 550ms ease}.cell3{height:150px;overflow:hidden;position:relative;transition:all 300ms linear}.cell-icon{background:-moz-linear-gradient(top,rgba(255,255,255,.2)0,rgba(18,128,161,.2) 80%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(80%,rgba(18,128,161,.2)));background:-webkit-linear-gradient(top,rgba(255,255,255,.2)0,rgba(18,128,161,.2) 80%);background:-o-linear-gradient(top,rgba(255,255,255,.2)0,rgba(18,128,161,.2) 80%);background:-ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(18,128,161,.2) 80%);background:linear-gradient(to bottom,rgba(255,255,255,.2)0,rgba(18,128,161,.2) 80%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#331280a1',GradientType=0 );text-align:center;width:100%;height:100%;transition:all 200ms linear;background-color:transparent;opacity:1}.cell-icon img{width:100%}.cell-btn{position:absolute;text-align:center;display:hidden;top:200px;transition:all 200ms ease}.cell-title{color:#efd376;margin:2px 0 0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:400;height:16px}.cell{border:2px solid #f0dec5}.cell3{width:100%;background-color:#eee}.cell-title{background-color:#000}.btnplay{border-radius:5px;width:100%;background-color:#efd376;border:#bda04e;padding:3px 20px;margin-left:0;display:block;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}.btnplay,.btnplay:hover{color:#000}@media (max-width:491px){.cell{width:48%}.list{justify-content:space-between}}@media (min-width:492px){.cell{width:25%}.list{justify-content:flex-start}}