.frnme{width:22%;padding-top:22%;position:relative;overflow:hidden;margin:8px 2% 8px 0px;background-repeat:no-repeat;background-size:100%;float:left;background-position: center;-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2); box-shadow: 2px 3px 5px rgba(0,0,0,.2);filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3);}
.frnme-cover:hover{border-width:4px 3px 3px 4px;border-style: solid;border-color: #fff;-webkit-box-shadow: 2px 6px 16px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 6px 16px rgba(0, 0, 0, 0.2); box-shadow: 2px 6px 16px rgba(0, 0, 0, 0.2);}
.frnme-cover{box-sizing: border-box;-moz-box-sizing: border-box;width:100%;height:100%;position:absolute;top:0;border:3px solid #fff;background-color:#f0f0f0;float:left;-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2); box-shadow: 2px 3px 5px rgba(0,0,0,.2); border: solid 3px #fff; background-image: -webkit-linear-gradient(top, #d5d5d5, #f1f1f1); background-image: -moz-linear-gradient(top, #d5d5d5, #f1f1f1); background-image: -o-linear-gradient(top, #d5d5d5, #f1f1f1); background-image: -ms-linear-gradient(top, #d5d5d5, #f1f1f1); background-image: linear-gradient(to bottom, #d5d5d5, #f1f1f1);}
.frnme-cover-logo {width:100%;height:100%;background-image:url(https://tls.freenet.de/fn/assets/img/me-deck.png);background-size:100%;}
.connect{display:none;}
.open{display:none;}
.select{border: 0px solid #EEE;-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);}
.encontrada{border: 0px solid #EEE;border:0px solid #FFF;-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);}
#memory {margin:0px 4px 60px 0; width:474px; float:left;}
#seconds {clear:both; width:500px; margin:10px 0px 0px 0px; padding:20px 0px 40px 0px; text-align:center; font-size:14px}
.clearBoth{clear:both;}
.uncover-images .frnme-cover-logo {background-image:none;background-color:transparent;}
.uncover-images .frnme-cover {background-image:none;background-color:transparent;}

@media screen and (max-width: 420px ) {
  .frnme{margin:0px 0.1% 2px 1px;}
  .frnme-cover {border-width:3px;}
  .frnme{width: 24.0%;padding-top: 24.0%;}
}