h1 {
    text-align: left;
}
.course-card-container {
    margin: 0 0 30px auto;    
}
@media only screen and (min-width: 768px) {
    .course-card-container {
        position: fixed;
        left: 52%;
        transform: translateX(50%);
        z-index: 99;
    }
}
@media only screen and (max-width: 767px) {
    .course-card-container .pink-button {        
        position: fixed;
        bottom: 8px;
        left: 0;
        z-index: 999;
        width: calc(100% - 15px);
        margin-left: auto;
        margin-right: auto;
        right: 0;
    }
}