@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);.sft{margin:50px auto;display:block;text-align:center}.sft>div{box-shadow:1px 0 10px 1px rgba(255,255,255,.6);font-family:'Open Sans Condensed',cursive;font-weight:700;font-size:14pt;line-height:40px;display:inline-block;border:2px solid rgba(255,255,255,.7);background:rgba(255,255,255,.25);padding:10px;text-align:center;border-radius:13px 2px;color:rgba(255,255,255,1);width:110px;position:relative;margin:10px;transition:all .5s}.sft>div:hover{border-color:rgba(255,228,163,1);background-color:rgba(245,250,255,.5);cursor:default;color:rgba(255,228,163,1);margin:10px -10px}.sft>div:hover{font-size:16pt;line-height:20pt;border-radius:139px;width:170px;background-color:rgba(255,228,163,.65);color:#000;box-shadow:1px 0 10px 1px rgba(255,228,163,.77)}.sft>div>img{display:table-cell;height:64px;vertical-align:middle;margin:0 auto}.sft span{position:absolute;display:block;opacity:0;bottom:0;color:#fff;font-size:13pt;font-weight:300;left:15px;line-height:15px;text-align:left;transition:all .5s;margin:0 auto}.sft span>b{font-weight:700;margin-right:8px;color:rgba(255,228,163,1)}.sft>div:hover+span{position:absolute;opacity:1;bottom:30px}@media screen and (max-width:1024px){.sft{margin:auto}}@media(max-width:479px){.sft{margin:auto}}