#jumbotronTitle {
    /* Desktop/Title */

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    /* identical to box height */

    color: #ffffff;
    color: black;
    margin-bottom: 16px;
    padding-top: 0;
}

#jumbotronSubtitle {
    /* Desktop/Regular */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;

    /* White */

    color: #ffffff;
    margin-bottom: 16px;
}

#jumbotronCourseDetail {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 40px 0;

    flex-wrap: wrap;
    background: #2374ed;
}

.textJumbotron {
    flex: 5;
}

.imageJumbotron {
    flex: 1;
}

.buttonLoad {
    margin: 0;
}

.buttonLoad:hover {
    margin: 0;
}

.buttonLoadTake {
    /*margin: 30px 0;*/
    color: #ffffff;
    background: #3DC3DD;
    border-radius: 0px;
    font-weight: bold;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 24px;
}

.buttonLoadTake:hover {
    /*margin: 30px 0;*/
    color: #234b88;
    background: #3DC3DD;
    border-radius: 0px;
    font-weight: bold;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 24px;
    border: solid 1px #234b88;
}

@media (min-width: 901px) {
    #jumbotronCourseDetail {
        min-height: 350px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 20px 0;
        background: #2374ed;

        box-sizing: border-box;
    }
    .textJumbotron {
        flex: 3;
    }

    .imageJumbotron {
        flex: 2;
    }
}