.c-header-content .page-title{
    margin-bottom: 0.5rem !important;
    width: 100% !important;
    text-align: center;
}
#maincontent + h2{
    display: none;
}

#page{
    width: 70% !important;
}
.scorm-center{
    width: 70%;
}
input[type=submit],.enrol,.upload-users{
    display: block !important;
    width: 30%;
    margin: 0 auto !important;
    background: #DA291D !important;
    border: 0px !important;
}
.course-footer-nav{
    display: none !important;
}
footer{
    width: 100%;
    margin-top: 100px !important;
}
button#n{
display: block !important;
margin:0 auto !important;
width:150px;
}
a.enrol:hover{
color:#DA291D;
background-color:white !important;
border:#DA291D solid 2px !important;
} 
a.upload-users:hover{
color: #DA291D;
background-color:white !important;
border:#DA291D solid 2px !important;
}
        
        
@media screen and (min-width: 320px) and (max-width: 768px){
    #page{
        width: 100% !important;
    }
    .scorm-center{
        width: 100%;
        margin: 0 auto;
    }
    
    input[type=submit],.enrol,.upload-users{
        display: block !important;
        width: 50%;
        margin: 0 auto !important;
        background: #DA291D !important;
        border: 0px !important;
        }
}
        
        
@media screen and (min-width: 768px) and (max-width: 1080px){
        
    
}
    
@media screen and (min-width: 768px){
    body.drawer-open-left{
        /* margin-left: 0px !important; */
    }
    .scorm-center{
        margin: 0 auto;
    }
}