.tred {
        background: red;
    }
    .tgreen {
        background: green;
    }
    .tblue {
        background: blue;
    }

    .course_card_right h2 {
        margin: 5px 0 7px 5px;
    }
    .course_card_process {
        margin-right: 70px;
    }
    .course_card_avatar {
        float: right;
        border-radius: 50%;
		width: 50px;
        margin: 0 5px 5px 5px;
    }
    h1 {
        padding-top: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dashed red;
        color: red;
        font: bold 22px Azuki;
        text-shadow: 0 1px white, 0 2px #777;
    }
    .explore_title {
        margin: 0 auto;
        padding: 2px 10px 10px 10px;
        text-align: center;
        font: bold 22px Aptima;
        background: darkviolet;
        color: #fff;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
    }

@media screen and (min-width: 800px) {
    .container {
        margin-top: -20px;
    }
    .explore_title {
        width: 300px;
    }
    h1 {
        margin: 5px;
    }
}

@media screen and (max-width: 799px) {
    .container {
        margin: 15px 5px 5px 5px;
    }
    h1 {
        margin: 1px 1px 10px 1px;
    }
}