.con-pageimage-menu .card-wrapper {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   margin-top: 2em;
   margin-bottom: 2em;
}

.con-pageimage-menu .text-content{
   min-height: 4em;
   display: flex;
   text-align: left;
}

.con-pageimage-menu a{
   font-size: 1.1em;
   padding: 0.5em 1em 0.5em 2em;
   font-family: 'Open Sans',sans-serif;
   font-weight: 600;
   align-self: center;
   width: 100%;
   position: relative;
}

.con-pageimage-menu a::before{
   content: "\f054";
   font-family: 'FontAwesome';
   position: absolute;
   left: 1em;
}

.con-pageimage-menu .card {
   flex-basis: auto;
   background-color: #daaa00;
   width: 23.65%;
   margin-right: 1.8%;
   margin-bottom: 1.9%;
}

.con-pageimage-menu .card img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.con-pageimage-menu .card .image-frame{
   height: 7em;
   overflow: hidden;
   background-color: #e2e2e2;
   display: flex;
   justify-content: center;
   align-items: center;
}

.con-pageimage-menu .card .image-frame .no-image{
   display: block;
}

.con-pageimage-menu .card .image-frame .no-image::after {
   content: "\f03e";
   font-family: 'FontAwesome';
   font-size: 3em;
   color: #484848;
}

.card.simulate-link:hover {
   background-color: #ccc;
   cursor: pointer;
}

@media all and (min-width: 1025px) {
   .con-pageimage-menu .card-wrapper .card:nth-child(8n-1){
      margin-right: 0;
   }
}

@media all and (max-width: 1024px) {
   .con-pageimage-menu .card{
      width: 49.1%;
   }
  
   .con-pageimage-menu .card-wrapper .card:nth-child(4n-1){
      margin-right: 0;
   }

}

@media all and (max-width: 400px) {
   .con-pageimage-menu .card{
      width: 100%;
   }

   .con-pageimage-menu .card-wrapper .card{
      margin-right: 0;
      margin-bottom: 2em;
   }
}