.menu-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.menu-img {
    width: 40%;
    height: 65%;
}

.item-title {
    font-size: 16px !important;
}

.et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul>li>a:first-child:hover { 
    background-color: #00009c !important;
}

.menu-item {
  color: #00009c;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .menu-item {
    display: grid;
    justify-content: center;
  }

  .menu-item img{
    width: 100%;
    height: 100%;
  }

  .menu-item p{
    text-align: center;
  }
}