.jmr__social{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;margin:40px auto 0;max-width:800px;position:relative;width:100%}.jmr__social .jmr__social-li{align-items:center;display:flex;flex-direction:column;height:100%;max-width:200px;padding:10px;width:100%}.jmr__social .jmr__social-li a{background-color:#fafafa;border:3px solid #fafafa;border-radius:50%;display:block;font-size:35px;height:80px;line-height:80px;margin:0 10px;overflow:hidden;position:relative;text-align:center;width:80px;z-index:1}.jmr__social .jmr__social-li a[href^=mailto],.jmr__social .jmr__social-li a[href^=tel]{color:inherit;text-decoration:none}.jmr__social .jmr__social-li a .icon{background-color:transparent!important;color:#262626;position:relative;transition:.5s;z-index:3}.fa-codepen.icon svg{fill:#262626;height:40px;width:40px}.jmr__social .jmr__social-li a:hover .icon{color:#fff;fill:#fff;transform:rotateY(1turn)}.jmr__social .jmr__social-li a:hover~.tooltip{align-items:middle;background:transparent;color:#fff;opacity:1;overflow:visible;padding:.5rem;text-align:center;text-wrap:nowrap;transform:translate(-50%,-120px);visibility:visible}.jmr__social .jmr__social-li a:before{background:red;content:"";height:100%;left:0;position:absolute;top:100%;transition:.5s;width:100%;z-index:2}.jmr__social .jmr__social-li a:hover:before{top:0}.jmr__social .jmr__social-li:first-child a:before{background:#18453b}.jmr__social .jmr__social-li:nth-child(2) a:before,.jmr__social .jmr__social-li:nth-child(5) a:before{background:#544fff}.jmr__social .jmr__social-li:nth-child(3) a:before{background:#0077b5}.jmr__social .jmr__social-li:nth-child(4) a:before{background:#dd4b39}.jmr__social .tooltip{display:block;font-size:.8rem;font-weight:700;justify-content:center;left:40%;line-height:1;opacity:0;padding:.8rem 1rem;pointer-events:none;position:relative;text-align:center;text-wrap:nowrap;top:0;transform:translate(-50%);transition:all .3s ease;width:80%;z-index:1}@media screen and (max-width:499px){.jmr__social{margin:30px auto 0;max-width:400px}.jmr__social .jmr__social-li{height:100%;margin-top:20px;max-width:200px;padding:20px 10px;width:50%}.jmr__social .tooltip{left:50%;padding:.8rem .5rem;top:0;width:100%}}