.doyleMedia {width: 100%;  }
.doyleMedia .header {font-weight: 600!important; text-align: center; margin-bottom: 40px; font-size: 3.3rem;c}
.doyleMedia .richText {margin-bottom: 50px;}

.doyleMedia .cards {display: flex; flex-wrap: wrap; margin: 0 auto; gap: 15px; justify-content: center;}


.doyleMedia .card {background-color: #f5f4f4; border-radius: 5px; box-shadow: 5px 5px 15px rgba(0,0,0,.2); min-height: 250px; height: 100%; padding: 30px 20px; width: 230px; text-align: center; position: relative; transition: bottom 300ms ease-in-out; bottom: 0;}
.doyleMedia .card:hover, .doyleMedia .card:focus {bottom: 10px;}
.doyleMedia .card svg { filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.3)); max-width: 100%; height: 90px; display: block; margin: 0 auto; fill: #cc2f37; margin-bottom: 30px; opacity: .9;}
.doyleMedia .card p {color: #1a3b73; font-size: 1.5rem; font-weight:600; letter-spacing: 1px;}