
.ico {
    border-radius: 50%;
    position: relative;
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0 0 0 5px #003761;
    transition: background .3s,color .3s,box-shadow .3s;
  }
  .ico img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25%;
    left: 25%;
    /*opacity: 0.5;
    filter: invert(1);*/
  }
  .title {
    /*width: 80%;*/
    margin: 10px auto;
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
    line-height: 25px;
  }
  .point {
    text-align: left;
    line-height: 25px;
    padding: 0 10px;
  }
  .ico-div:hover .ico {
    background-color: #d8d8d8;
    box-shadow: 0 0 0 6px rgba(0,0,0,.1);
  }
  /*.ico-div:hover .ico img {
    opacity: 1;
    filter: invert(0);
  }*/