@media(max-width:767px){
    .grid-sizer,
    .grid-item { 
        width: 40%;
        margin: 5px;
        max-width: 15%;
        min-width: 40%;
     }
     .card-title {
         visibility: hidden;
     }
}
@media(min-width:768px){
    .grid-sizer,
    .grid-item { 
        width: 20%;
        margin: 5px;
        max-width: 15%;
        min-width: 20%;
     }
}
@media(min-width:992px){
    .grid-sizer,
    .grid-item { 
        width: 35%;
        margin: 5px;
        max-width: 15%;
        min-width: 200px;        
     }
}
@media(min-width:1200px){
    .grid-sizer,
    .grid-item { 
        width: 25%;
        margin: 5px;
        max-width: 15%;
        min-width: 200px;
     }
}

body {
   background-color: rgb(20, 20, 20);
}

h1 {
    color: rgb(180, 180, 180);
}

.infocard:hover{
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
}

.infocard:hover .hoverCard{
    opacity: 100;
}

.infocard:not(:hover) .hoverCard{
    opacity: 0;
}

.ignoreLinkColor{ 
    color: inherit; 
} 

.card-footer{
    position:absolute;
    bottom:0;
}