.course-container{display:flex;flex-wrap:wrap}.course{flex:1 1 29%;max-width:29.75%;margin:1%;padding:1em;border-radius:10px;background-size:cover;background-repeat:no-repeat;display:flex;position:relative}.course-details{margin-top:auto;color:white;position:relative}.course-link-text{display:flex;color:white}.course-link-text svg{width:16px;margin-left:10px;fill:white}.course-description,.course-link{height:0;visibility:hidden;transition:height .5s}.course:hover .course-description,.course:hover .course-link{height:auto;visibility:visible;transition:height 2s}.course h4,.course p,.course a,.course span{color:white}.course p,.course a{font-size:16px}.background-overlay{position:absolute;height:100%;width:100%;top:0;left:0;border-radius:10px;z-index:0}@media(max-width:965px){.course{flex:1 1 45%;max-width:50%}}@media(max-width:610px){.course{flex:1 1 50%;max-width:none}}