.lion-grid{background-color:white;width:80%;max-width:1240px;display:grid;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:15px;justify-items:center;box-sizing:border-box;opacity:1}.lion-grid-wrapper{position:relative}.lion-grid{transition:opacity 1s ease-in-out}.fade-old{opacity:0}.lion-grid-new{position:absolute;top:0;left:0;width:100%;opacity:1}.lion-grid.fade-out{opacity:0}.lion-grid.fade-in{opacity:1}.home-title{background-color:white;margin:0 auto;width:80%;padding:10px 10px 0;display:flex;align-items:center;justify-content:center}.home-title h1{text-align:center;margin:0;padding:10px 10px 0;font-size:25px;color:black;font-family:sans-serif}.lion-card{width:500px;max-width:100%;height:375px;background-color:white;border-radius:8px;overflow:hidden;padding:10px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;color:white;opacity:1;transition:opacity 1s ease-in-out}.card-fade-out{opacity:0}.card-fade-in{opacity:1}.lion-link{text-decoration:none;color:inherit}.lion-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.2)}.lion-image{width:100%;height:250px;border-radius:8px;object-fit:cover}.lion-title{font-size:20px;color:#000;font-weight:700;padding:10px 0;margin:0}.sub-card{display:flex;flex-direction:row;justify-content:space-between}.lion-info{font-size:1rem;color:#000;margin:0;padding:0;width:400px}@media (max-width:1100px){.lion-grid{width:90%;grid-template-columns:repeat(2,1fr);padding:10px}.lion-card{width:85%;height:auto;padding:8px}.lion-image{height:200px}.lion-info{width:100%;font-size:.95rem}.lion-title{font-size:18px}.home-title{width:90%}}@media (max-width:768px){.lion-grid{width:90%;grid-template-columns:1fr;padding:0}.lion-card{width:80%;height:auto;padding:8px}.lion-image{height:200px}.lion-info{width:100%;font-size:.95rem}.lion-title{font-size:18px}.home-title{width:90%}}