body,html{height:100%}*{box-sizing:border-box}body{color:#333;font-size:14px;min-width:320px;line-height:1.5;background:#333;font-family:'Merriweather', Verdana, serif}a{outline:none;color:#333;text-decoration:none}h1{margin:0;font-size:18px}h2{margin:0;font-size:14px;font-weight:normal}.wrapper{width:100%;height:100%;display:table}.wrapper__content{display:table-cell;vertical-align:middle}.card{width:95%;max-width:320px;margin:50px auto;position:relative}.card__panel{z-index:2;position:relative;border-radius:4px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.25)}.card__panel__cover{background:url("../img/cover.jpg") 0 0 no-repeat;background-size:cover;margin-bottom:45px;position:relative;height:170px;border-top-left-radius:4px;border-top-right-radius:4px}.card__panel__avatar{border:3px solid #fff;position:absolute;display:block;height:90px;width:90px;left:50%;bottom:-45px;margin-left:-45px;border-radius:50%}.card__panel__info{padding:25px 25px 45px;text-align:center}.card__panel__info__title{margin-bottom:7px}.card__panel__info__subtitle{color:#888}.card__links{text-align:center}.card__links__item{padding:10px;color:#fff;display:inline-block}.card__links__item:hover{color:#d5d4d4}.card__badges{top:15px;z-index:1;right:-65px;position:absolute}.card__badges__img,.card__badges__link{display:block}.card__badges__link{transition:all 300ms ease-in-out}.card__badges__link:hover{opacity:0.8}@media (max-width: 460px){.card__badges{display:none}}