#page-header, .continuebutton, div [role="main"] h2, div [role="main"] .summary {
    display: none !important;
}

#page-enrol-index .content {
    margin-top: 200px;
}

body {
    background: #eeeeee;
}

#page-wrapper > .navbar, #page-footer {
    display: inherit!important;
}

#page {
    margin-top: 90px!important;
}

#notice {
    padding: 20px 30px;
    background: #cc223f;
    color: #fff;
    margin: 20px 0;
    border-radius: 5px;
    float: left;
    opacity: 0.8;
}

#region-main-content {
    padding:30px!important;
    margin-bottom: 30px;
    overflow: hidden;
}

#page-content {
    margin-top: 30px;
}

.courseimage {
    width: 100%!important;
    height: 300px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0!important;
    padding: 0!important;
}

.courseimage img {
    max-width: 100%!important;
    max-height: 400px!important;
    width: 100%;
    height: 400px;
    margin-top: -150px;
}

.summary {
    width: 100%!important;
    position: relative;
    padding-top: 260px!important;
}

.coursename {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    padding: 10px 30px!important;
    background: rgba(255,255,255,0.9);
    border: solid 2px #999;
}

.coursename a {
    color: #999;
    font-size: 45px;
    padding-bottom: 10px;
    padding-left: 80px!important;
    background-size: 60px;
}

#page-enrol-index .coursebox>.info>.coursename a {
    background-position: left 0.1em;
    background-size: 50px;
}

#page-enrol-index .coursebox>.info>h3.coursename {
    border-radius: 7px;
}

#page-enrol-index .customfields-container {
    display: none!important;
}

#page-enrol-index #id_selfheader {
    display: none!important;
}