.cards{width:100%;padding:8px;margin:4px auto!important;cursor:pointer;display:flex;flex-direction:column;justify-content:space-evenly;border-radius:12px;height:200px}.cards:hover{box-shadow:2px 2px 2px #a5a5a5}.grid-container-cards{display:grid;grid-template-columns:auto auto auto auto}@media only screen and (max-device-width:2572px){.cards{width:280px}}@media only screen and (max-device-width:2492px){.cards{width:270px}}@media only screen and (max-device-width:2412px){.cards{width:260px}}@media only screen and (max-device-width:2328px){.cards{width:250px}}@media only screen and (max-device-width:2244px){.cards{width:240px}}@media only screen and (max-device-width:2164px){.cards{width:230px}}@media only screen and (max-device-width:2082px){.cards{width:220px}}@media only screen and (max-device-width:1996px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:260px}}@media only screen and (max-device-width:1936px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:250px}}@media only screen and (max-device-width:1876px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:240px}}@media only screen and (max-device-width:1804px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:230px}}@media only screen and (max-device-width:1732px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:220px}}@media only screen and (max-device-width:1656px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:210px}}@media only screen and (max-device-width:1596px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:200px}}@media only screen and (max-device-width:1520px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:190px}}@media only screen and (max-device-width:1450px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:205px}}@media only screen and (max-device-width:1360px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:210px}}@media only screen and (max-device-width:1300px){.grid-container-cards{grid-template-columns:auto auto auto auto}.cards{width:200px}}@media only screen and (max-device-width:1240px){.grid-container-cards{grid-template-columns:auto auto auto}.cards{width:240px}}@media only screen and (max-device-width:1164px){.grid-container-cards{grid-template-columns:auto auto auto}.cards{width:220px}}@media only screen and (max-device-width:1096px){.grid-container-cards{grid-template-columns:auto auto auto}.cards{width:200px}}@media only screen and (max-device-width:1028px){.grid-container-cards{grid-template-columns:auto auto auto}.cards{width:190px}}@media only screen and (max-device-width:966px){.grid-container-cards{grid-template-columns:auto auto auto}.cards{width:170px}}@media only screen and (max-device-width:860px){.grid-container-cards{grid-template-columns:auto auto auto}.cards{width:180px}}@media only screen and (max-device-width:790px){.grid-container-cards{grid-template-columns:auto auto auto}.cards{width:170px}}@media only screen and (max-device-width:540px){.grid-container-cards{grid-template-columns:auto auto}.cards{width:80%;overflow:auto}}@media only screen and (max-device-width:420px){.grid-container-cards{grid-template-columns:auto}}