#services {
  margin-bottom: 20px;
  margin-top: 2px; }
  #services .items {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-left: -5px; }
    #services .items a {
      flex: 1 0 18%;
      box-sizing: border-box;
      color: #171e42;
      margin: 5px;
      text-align: center;
      background: #fdfdfd;
      color: #0f7ec0;
      font-size: 16px;
      vertical-align: middle;
      text-decoration: none;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      display: flex;
      background-size: auto 85%;
      background-repeat: no-repeat;
      padding-top: 5px;
      padding-bottom: 5px;
      text-transform: uppercase;
      font-weight: bold; }
      #services .items a {
       border: 1px solid #f4f4f4;
     
      
        background-position: left -10px center; }

  #services .items .hyy {
margin-top:10px;
      font-size: 12px;
text-align: left;
 font-weight: normal;

}
      #services .items a:hover {
        opacity: 0.6; }
      #services .items a > div {
        padding: 35px 30px;
        line-height: 22px; }