.mm-wrapper{font-family:"Open Sans",sans-serif;background-color:#fff;color:#333;padding:0;margin:0}.mm-banner{position:relative;background-image:url('https://mediamakers.sites.olt.ubc.ca/files/2023/01/mediamakers-banner.jpg');background-size:cover;background-position:center;height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;color:white}.mm-banner-content{background:rgba(0, 0, 0, 0.6);padding:40px;border-radius:8px;max-width:800px;margin:0
auto}.mm-banner-content
h1{font-size:56px;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.mm-banner-content
p{font-size:20px;margin-bottom:30px}.mm-cta-button{background-color:#00A7E1;color:white;padding:14px
28px;font-size:16px;border:none;border-radius:4px;text-transform:uppercase;text-decoration:none;transition:background-color 0.3s ease;display:inline-block}.mm-cta-button:hover{background-color:#0072ce}.mm-cardgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:60px
20px;max-width:1300px;margin:0
auto}.mm-card{background:white;border:1px
solid #ddd;border-radius:10px;width:280px;padding:30px
20px;text-align:center;box-shadow:0 6px 12px rgba(0, 0, 0, 0.05);transition:transform 0.2s ease;text-decoration:none;color:inherit}.mm-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0, 0, 0, 0.08)}.mm-card
h3{font-size:20px;margin-bottom:0;color:#002145;text-transform:uppercase}@media (max-width: 768px){.mm-banner-content
h1{font-size:36px}.mm-cardgrid{flex-direction:column;align-items:center}.mm-card{width:90%}}