/* CSS Document */

.cards{
display: inline-block;
width:calc(100%/8);
background-color:var(--main_bg_light);
border:2px solid var(--main_bg_dark);
text-align: center;
padding: 0.25rem;
}

.cards picture{

display: block;
text-align: center;
}
.cards img{
width: 100%;
text-align: center;
}
@media screen and (max-width:1200px){

.cards{
width:calc(100%/6);
}


}


@media screen and (max-width:900px){

.cards{
width:calc(100%/5);
}


}




@media screen and (max-width:768px){

.cards{
width:calc(100%/4);
}


}


@media screen and (max-width:576px){

.cards{
width:calc(100%/2);
}


}