#content-well .clubs .col-sm-3 img {
    height: 12rem!important;
    margin: auto;
    margin-bottom: 26px;}
.mask-img {
    display: none;
    position: fixed;
    top: 0; 
    left: 0; 
    width: 100vw; 
    height: 100vh; 
    z-index: 99999;
    background: #000;
    opacity: 0.5;}
       
.picture{
    display: none; 
    position: fixed; 
    top: 50%; 
    left:50%; 
    transform: translate(-50%,-50%); 
    z-index: 99999;
    max-width: 95vw;
    transition: opacity 2s;}
#content-well .picture .phone {
    vertical-align: middle;
    max-width: 95vw;
    max-height: 95vh;
    margin-bottom: 0;
    box-shadow: none;
    border: 10px #fff solid;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    opacity: 0;}
.picture .left,.picture .right{
    position: absolute;
    width: 50%;
    height: 100%;
    line-height: 40px;
    top: 50%;
    transform: translate(0,-50%);}
.picture .left{
    left:0;}
.picture .right{
   right: 0;}