.border-box{box-sizing:border-box;-moz-box-sizing:border-box} #intro{background:#00A9BE;height:20vh;min-height:16rem;background-position:50% 50%;background-size:cover} #intro *{color:#fff} #intro h1{text-shadow:0 0 .5rem rgba(0,0,0,0.1)} .course-card{width:20rem;height:28rem;text-decoration:none;background:#fff;outline:1px solid rgba(0,0,0,0.05);transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .course-card:hover{box-shadow:0 0 2rem rgba(0,0,0,0.1);text-decoration:none} .course-card:hover .course-card-image img{transform:scale(1.1)} .course-card a, .course-card a *{color:#00A9BE} .course-card-image{width:100%;height:20rem;background:#00A9BE;overflow:hidden} .course-card-image img{width:100%;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .course-card-numbers *{color:#333 !important} @media (max-width:320px){.course-card{width:100%}}#courses{background:#fff}