@supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)) { 
  #page-top .monoliths li { 
    width: 37.5%; 
    -webkit-clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%); 
    clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%); 
  } 
}
#page-top .monoliths a:hover{
    position: relative; 
    top:-20px;
}
#page-top { 
    background: #000; 
    color: #FFF; 
    line-height: 1; 
} 
#page-top .monoliths { 
    display: flex; 
    padding-bottom: 1em; 
    overflow: hidden; 
}
#page-top .monoliths li { 
    width: 37.5%; 
    margin-right: -7.5%; 
    -webkit-clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%); 
    clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%); 
}
#page-top .monoliths a { 
    color: inherit; 
    text-decoration: none;
  /* text-decoration: inherit;  */
  display: block; 
  padding: 1px; 
} 
#page-top .monoliths img { 
  display: block; 
  height: 33rem; 
  width: 100%; 
  object-fit: cover; 
  object-position: 50% 20%; 
}
#page-top .monoliths div { 
  padding-left: 3%; 
  padding-right: 26%; 
  border-top: 2px solid transparent; 
  /* background: linear-gradient(100deg,rgb(24, 75, 184) 50%, transparent 85%);  */
  background-clip: padding-box; 
}   
#page-top .monoliths strong { 
  display: block; 
  font-weight: 900; 
}
#page-top .monoliths strong { 
  padding-left: 1%; 
}
@media (max-width: 35rem) { 
  #page-top .monoliths div { 
    opacity: 0.01 
  } 
}