/* KEEN Services top box only fix
   Use this with your EXISTING working services.html file.
   This only enlarges the four service buttons and reduces empty space.
*/

.services-button-grid,
.mini-tags,
.compact-banner-copy .mini-tags{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:14px !important;
  margin-top:20px !important;
  max-width:620px !important;
}

.services-button-grid a,
.mini-tags a,
.compact-banner-copy .mini-tags a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:64px !important;
  padding:16px 24px !important;
  background:#eef4fb !important;
  color:#2f6eb2 !important;
  text-decoration:none !important;
  font-size:1.08rem !important;
  font-weight:700 !important;
  border-radius:999px !important;
  transition:all .2s ease !important;
  box-shadow:0 3px 10px rgba(47,110,178,.08) !important;
}

.services-button-grid a:hover,
.mini-tags a:hover,
.compact-banner-copy .mini-tags a:hover{
  background:#2f6eb2 !important;
  color:#ffffff !important;
  transform:translateY(-2px) !important;
}

.compact-banner-copy{
  padding-bottom:22px !important;
}

.compact-banner-copy h2{
  margin-bottom:16px !important;
}

.compact-banner-copy p{
  margin-bottom:8px !important;
}

@media (max-width:760px){
  .services-button-grid,
  .mini-tags,
  .compact-banner-copy .mini-tags{
    grid-template-columns:1fr !important;
    max-width:100% !important;
  }
}