.course-list .col-lg-4:nth-child(n + 4){
	margin-top: 4rem;
}
.course-item{
	width: 100%;
	display: block;
	position: relative;
	-webkit-box-shadow: 0px 10px 30px #0000000A;
    -moz-box-shadow: 0px 10px 30px #0000000A;
    box-shadow: 0px 10px 30px #0000000A;
}
.course-img img{
	width: 100%;
	height: 28rem;
	object-fit: cover;
	object-position: center;
	border-radius: 0.8rem;
}
.course-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 4rem;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.course-item:hover .course-overlay{
	background: rgba(0, 0, 0, 0.7);
}
.course-icon{
	position: absolute;
	top: 4rem;
	right: 4rem;
}
.course-icon img{
	display: block;
}
@media(min-width:1460px) and (max-width:1579.98px){
	.course-img img {
    	height: 25.7rem;
    }
	.course-overlay {
    	padding: 3rem;
    }
    .course-icon {
    	top: 3rem;
    	right: 3rem;
	}
}
@media(min-width:1360px) and (max-width:1459.98px){
	.course-list .col-lg-4:nth-child(n + 4) {
    	margin-top: 3rem;
	}
	.course-img img {
    	height: 23.5rem;
    }
	.course-overlay {
    	padding: 3rem;
    }
    .course-icon {
    	top: 3rem;
    	right: 3rem;
	}
}
@media(min-width:1200px) and (max-width:1359.98px){
	.course-list .col-lg-4:nth-child(n + 4) {
    	margin-top: 3rem;
	}
	.course-img img {
    	height: 21rem;
    }
    .course-overlay {
    	padding: 2.4rem;
    }
    .course-icon {
    	top: 2.4rem;
    	right: 2.4rem;
	}
}
@media(min-width:992px) and (max-width:1199.98px){
	.course-list .col-lg-4:nth-child(n + 4) {
    	margin-top: 2.4rem;
	}
	.course-overlay {
    	padding: 1.6rem;
	}
	.course-icon {
    	top: 1.6rem;
    	right: 1.6rem;
	}
	.course-img img {
    	height: 17.2rem;
    }
    .course-icon img {
    	width: 1.2rem;
    }
}
@media(min-width:768px) and (max-width:991.98px){
	.course-list .col-lg-4:nth-child(n + 3) {
    	margin-top: 2.4rem;
	}
	.course-img img {
    	height: 19.425rem;
    }
    .course-overlay {
    	padding: 2rem;
	}
	.course-icon {
    	top: 2.4rem;
    	right: 2.4rem;
	}
}
@media(max-width:767.98px){
	.course-list .col-lg-4:nth-child(n + 2) {
    	margin-top: 2.4rem;
	}
	.course-img img {
		height: auto;
		min-height: 20.1rem;
    }
    .course-overlay {
    	padding: 2.4rem;
    }
    .course-icon {
    	top: 2.4rem;
    	right: 2.4rem;
	}
}