.card{
font-size:90%;
background:#fff;
border:2px solid #fff;
box-shadow:0 0 6px rgba(0,0,0,.2);
}
.card a{
display: block; 
padding:.8em 1.6em;
text-decoration: none;
color: inherit;
}
.card a:hover{
background:rgba(179,212,252,.2);
}
.card h3{
font-size:2rem;
line-height:1.5;
margin:0 auto .5em;
text-align:center;
}
.horizontal{
display:flex;
align-items: flex-start;
}
.horizontal img{
flex-grow: 1;
}
.horizontal p{
margin-left:2em;
}

@media screen and (max-width: 1023px) {
.mainInner{
 width: 92%;
margin:0 auto 5em;
}
h2{ font-size:60%; }
}