ul{ width:auto; padding:10px; text-align:center; margin:0 auto; }
li.mainLi{ 
    display:inline-block; 
    margin-right:15px; 
    margin-top:10px;
    padding-top:10px;
    height: 140px; 
    width: 150px; 
    box-shadow: 0 0 9px rgb(50, 50, 50);
    border-radius: 10px;
    margin-bottom: 50px;
}
li.mainLi .underText{
    /*color: rgba(0, 145, 100, 1);*/
    font-weight: bolder;
    top: 20px;
    position:relative;
    /*text-shadow: 1px 0px rgb(50,50,50);*/
    white-space: nowrap;
}
li.mainLi img:hover{
    opacity:0.7;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s; 
    transition: all 0.3s;
    cursor: pointer;
}
li.mainLi img:active{
    opacity:0.8;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s; 
    transition: all 0.3s;
}

@media ( max-width: 47.9em ) {
    li.mainLi{ 
        height: 100px; 
        width: 100px;
        margin-bottom: 35px;
    }
    li.mainLi img{ 
        height: 100px; 
        width: 100px; 
    }
    li.mainLi .underText{
        top: 5px;
        display: inline-flex;
        position:relative;
    }

}