diff --git a/classes/core_renderer.php b/classes/core_renderer.php
index 8ba708f..799e97f 100755
--- a/classes/core_renderer.php
+++ b/classes/core_renderer.php
@@ -25,7 +25,7 @@
 
 
 
-class theme_rocket_core_renderer extends core_renderer {
+class theme_rocket_core_renderer extends \core_renderer {
     /**
      * Renders a custom menu object (located in outputcomponents.php)
      *
diff --git a/config.php b/config.php
index a82e645..93128a7 100755
--- a/config.php
+++ b/config.php
@@ -22,11 +22,9 @@
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
 $THEME->name = 'rocket';
-if($CFG->version >= 2016120500){
-    $THEME->parents = array('base','bootstrapbase');
-}else {
-    $THEME->parents = array('base');
-}
+$THEME->parents = ['classic'];
+$THEME->haseditswitch = false;
+$THEME->enable_dock = false;
 $THEME->sheets = array(
     'rocket_layout',   /* Must come first: Page layout */
     'rocket_styles',   /* Must come second: default styles */
diff --git a/layout/default.php b/layout/default.php
index 477aae0..e98d900 100755
--- a/layout/default.php
+++ b/layout/default.php
@@ -65,7 +65,7 @@
 <html <?php echo $OUTPUT->htmlattributes() ?>>
     <head>
         <title><?php echo $PAGE->title ?></title>
-        <link rel="shortcut icon" href="<?php echo $OUTPUT->pix_url('favicon', 'theme')?>" />
+        <link rel="shortcut icon" href="<?php echo $OUTPUT->image_url('favicon', 'theme')?>" />
         <!-- START AUTOHIDE STATUS CHECK -->
         <?php
         if (!empty($PAGE->theme->settings->autohide)) {
diff --git a/layout/frontpage.php b/layout/frontpage.php
index 8ef56b0..36493f0 100755
--- a/layout/frontpage.php
+++ b/layout/frontpage.php
@@ -158,6 +158,7 @@
                             </div>
                         </div>
                     </div>
+                    
                     <div id="headerstrip" class="duc_frontpage_headerstrip">
                         <div class="block-region" id="search">
                             <div class="region-content">
diff --git a/renderers.php b/renderers.php
index 839b571..f3a2c02 100755
--- a/renderers.php
+++ b/renderers.php
@@ -178,7 +178,7 @@ protected function render_navigation_node(navigation_node $item) {
     /**
      * Reformat edit button to new status indicator
      */
-    public function edit_button(moodle_url $url) {
+    public function edit_button(moodle_url $url, string $method = 'post') {
         $edittoggle = 'enable';
         if (!empty($this->page->theme->settings->edittoggle)) {
             $edittoggle = $this->page->theme->settings->edittoggle;
diff --git a/style/acustom.css b/style/acustom.css
index 8d0e87e..48002c8 100644
--- a/style/acustom.css
+++ b/style/acustom.css
@@ -1,47 +1,45 @@
 .duc_usermenu {
     float:right;
-    padding-bottom: 10px;
+    padding-bottom: 0.625rem;
 }
 
 .duc_nav_plugin_output {
     float:left;
-    padding-top: 15px;
+    padding-top: 0.938rem;
 }
 
 .duc_frontpage_headerstrip {
-    height:50px ! important;
+    height:3.125rem ! important;
 }
 
 .duc_forced_headerstrip_class {
-    height:90px ! important;
+    height:5.625rem! important;
 }
 
 .duc_nav_title {
-    font-size: 10px ! important;
+    font-size: 0.625rem ! important;
 }
 
 .duc_navbar {
     background: transparent ! important;
-    padding-bottom: 10px !important;
+    padding-bottom: 0.625rem !important;
 }
 
 #ebutton {
-    margin-right: 100px !important;
-    margin-top: 0px !important;
+    margin-right: 6.25rem !important;
+    margin-top: 0rem !important;
 }
 
 .popover-region-notifications {
-    margin-right: 30px !important;
 }
 
 .popover-region-messages {
-    margin-right: 20px !important;
+    margin-right: 1.25rem !important;
 }
 
-/*#region-main, .region-content {
-    width: 100% !important;
-    padding: 0px !important;
-}*/
+#region-main, .region-content {
+
+}
 
 #adminsettings fieldset  {
     width: 70% !important;
@@ -69,18 +67,18 @@
 }
 
 #ebutton .singlebutton {
-    margin-top: 10px !important;
-    margin-bottom: 0px !important;
-    height: 28px !important;
+    margin-bottom: 0rem !important;
+    height: 1.75rem !important;
+    margin-top: 1rem;
 }
 
 .loginpanel{
-    margin-bottom: 0px !important;
-    padding-bottom: 0px !important;
+    margin-bottom: 0rem !important;
+    padding-bottom: 0rem !important;
 }
 
 .loginform {
-    margin-left: -50px !important;
+    margin: 1rem;
 }
 
 .block-hider-hide, .block-hider-show, .customcommand {
@@ -90,7 +88,6 @@
 #page-wrapper {
     width: 80% !important;
 }
-
 .side-post-only #region-main-box {
     width: 100% !important;
     float: none !important;
@@ -154,9 +151,12 @@
 }
 
 .side-pre-only #region-main-wrap {
-    width: 70% !important;
+    width: 69% !important;
     right: 0% !important;
     float: left !important;
+    margin-top: 2rem !important;
+    border-radius:0.5rem ;
+    overflow: hidden;
 }
 
 .editing.pagelayout-mydashboard #region-main-wrap {
@@ -177,34 +177,34 @@
 
 .side-post-only #region-post {
     width: 30% !important;
-    left: 0px !important;
+    left: 0rem !important;
     float: right !important;
 }
 
 .side-pre-only #region-post {
     width: 0% !important;
-    left: 0px !important;
+    left: 0rem !important;
     float: right !important;
 }
 
 .editing.pagelayout-mydashboard #region-post {
     width: 30% !important;
-    left: 0px !important;
+    left: 0rem !important;
     float: right !important;
 }
 
 #region-post {
     width: 30% !important;
-    left: 0px !important;
+    left: 0rem !important;
     float: right !important;
 }
 
 .side-post-only #region-main-pad {
-    margin: 0px 0px 0px 0px !important;
+    margin: 0rem 0rem 0rem 0rem !important;
 }
 
 #region-main-pad {
-    margin: 0px 0px 0px 0px !important;
+    margin: 0rem 0rem 0rem 0rem !important;
 }
 
 #region-content {
@@ -212,7 +212,7 @@
 }
 
 .block {
-    padding: 0px 0 !important;
+    padding: 0rem 0 !important;
     border: none !important;
 }
 
@@ -222,7 +222,7 @@
 
 #navcontainer {
     margin-top: 9% !important;
-    height: 36px;
+    height: 2.25rem;
 }
 
 ul.indented-list {
@@ -231,12 +231,12 @@ ul.indented-list {
 
 [class*="span"] {
     float: left !important;
-    min-height: 1px !important;
-    margin-left: 0px !important;
+    min-height: 0.063rem !important;
+    margin-left: 0rem !important;
 }
 
 .row {
-    margin-left: 0px !important;
+    margin-left: 0rem !important;
 }
 
 .offset6 {
@@ -256,7 +256,7 @@ ul.indented-list {
 
 #toplinks .region-content {
     margin: 0;
-    padding: 10px !important;
+    color: #fff;
 }
 
 #hometopblocks {
@@ -272,7 +272,7 @@ ul.indented-list {
 }
 
 #td1 {
-    width: 25% !important;
+    width: 30% !important;
 }
 
 #td1 a.logo{
@@ -304,12 +304,11 @@ ul.indented-list {
 .duc_nav_plugin_output {
     float: right !important;
     padding-top: 0% !important;
-    display: inline-block !important;
-    padding-top: 15px !important
+    display: flex !important;
 }
 
 .headermenu {
-    right: 0px !important;
+    right: 0rem !important;
 }
 
 #navcontainer {
@@ -348,7 +347,7 @@ ul.indented-list {
 }
 
 .pagelayout-login.path-login.content-only .region-content > div {
-    padding: 0px !important;
+    padding: 0rem !important;
     margin-top: 20% !important;
 }
 
@@ -363,12 +362,12 @@ ul.indented-list {
 }
 
 #notice .singlebutton+.singlebutton input, .submit.buttons input[name="cancel"] {
-    margin: 0 0 0px 5px !important;
+    margin: 0 0 0rem 0.313rem !important;
 }
 
 input[type=checkbox], input[type=radio] {
-    margin-top: 0px !important;
-    margin-left: 20px !important;
+    margin-top: 0rem !important;
+    margin-left: 1.25rem !important;
 }
 
 #page-admin-registration-register .registration_textfield {
@@ -382,7 +381,6 @@ input[type=checkbox], input[type=radio] {
 .mform .fitem .felement {
     border-width: 0;
     width: 70% !important;
-    margin-left: 30% !important;
 }
 
 div.jcontrolsleft {
@@ -398,7 +396,7 @@ div.jcontrolsleft {
 }
 
 .block .content {
-    border:1px solid !important;
+    border:0.063rem solid !important;
 }
 
 .course_category_tree .category > .info > .categoryname {
@@ -416,3 +414,8 @@ background-size: 100% 100% !important;
 background-position: 0 0 !important;
 }
 
+
+button.btn.btn-secondary {
+    float: right;
+    clear: both;
+}
\ No newline at end of file
diff --git a/style/rocket_autohide.css b/style/rocket_autohide.css
index 8241563..3d50c13 100755
--- a/style/rocket_autohide.css
+++ b/style/rocket_autohide.css
@@ -6,7 +6,9 @@
 #dndupload-status {
 	display: none;
 }
-
+.columnleft.blockcolumn.has-blocks {
+    width: 30% !important;
+}
 .block .header .commands a img,
 .path-course-view .section .content li .commands a img,
 .path-course-view .section .content .summary a img.icon.edit{
@@ -54,11 +56,11 @@
 }
 
 .path-course-view .section .content li {
-	padding: 3px;
+	padding: 0.188rem;
 }
 
 .editing .section .content li:hover {
-	border: 1px dashed #ff6666;
+	border: 0.063rem dashed #ff6666;
 }
 
 /** some feedback to tell user we are in editing mode **/
diff --git a/style/rocket_blocks.css b/style/rocket_blocks.css
index 28b623d..ddbc13d 100755
--- a/style/rocket_blocks.css
+++ b/style/rocket_blocks.css
@@ -1,37 +1,37 @@
 /* @group Generic Blocks */
 
 #region-pre .block, #region-post .block {
-    margin : 20px;
-    margin-top: 15px;
-    margin-bottom: 0px;
-    padding : 0px;
-    border: 0px none;
+    margin-top: 0.938rem;
+    margin-bottom:0rem;
+    padding :0rem;
+    border:0rem none;
     background : #fff;
 }
 .block .header {
     margin : 0 0 0 !important ;
     padding-top : 0 !important ;
-    border-bottom : 0px none;
+    border-bottom :0rem none;
 }
 .block .header .block_action {
     float:right;
-    margin:0 4px;
+    margin:0 0.25rem;
     vertical-align:top;
 }
 .block .header .block_action input {
-    margin-right:2px;
+    margin-right:0.125rem;
 }
 .block .content {
-    padding:10px;
-    border: 1px solid #ccc;
-    border-top: 0px none;
+    padding:0.625rem;
+    border: 0.063rem solid #ccc;
+    border-top:0rem none;
 }
 .block.hidden .content {
     display: none;
 }
 .block .content .userpicture {
-    width:16px;height:16px;
-    margin-right:4px;
+    width:1rem;
+    height:1rem;
+    margin-right:0.25rem;
 }
 .block .content .list li.listentry {
     clear:both;
@@ -40,25 +40,25 @@
     display:inline;
 }
 .block .content .list .c1 {
-    margin-left:5px;
+    margin-left:0.313rem;
     display:inline;
 }
 .block .footer {
-    margin-bottom: 4px;
+    margin-bottom: 0.25rem;
 }
 .block .blockannotation {
     font-size:0.75em;
     margin: -1em 0 1em;
 }
 .block.beingmoved {
-    border-width: 2px;
+    border-width: 0.125rem;
     border-style: dashed;
 }
 .blockmovetarget {
     display: block;
     height: 1em;
     margin-bottom: 1em;
-    border-width: 2px;
+    border-width: 0.125rem;
     border-style: dashed;
 }
 .block-region .invisible {
@@ -79,7 +79,8 @@
 .block-region {
     float: left;
     padding: 0;
-    font-size: 12px;
+    font-size: 0.75rem;
+    width: 100%;
 }
 .block-region ul {
     margin: 0;
@@ -87,46 +88,48 @@
     list-style-type: none;
 }
 .block-region li {
-    padding: 0 0 20px 0;
+    padding: 0 0 1.25rem 0;
 }
 .block-region li ul {
 }
 .block-region li li {
-    margin: 0 20px 0 10px;
-    padding: 8px 0px;
+    margin: 0 1.25rem 0 0.625rem;
+    padding: 0.5rem 0rem;
 }
 .block .header {
     border:none;
-    padding: 6px 0 4px;
+    padding: 0.375rem 0 0.25rem;
     width: 100%;
 }
 .block .header div.commands {
-    margin-left: 10px;
+    margin-left: 0.625rem;
 }
 #region-pre .block .header {
     color:#50646d;
 }
 #region-pre .block .content {
-    border: 0px none;
+    background: #f6e9eb;
+    border: 0 !important;
+    border-radius: 0.25rem;
 }
 #region-post .block .header {
-    border-bottom:1px solid #ddd;
+    border-bottom:0.06rem solid #ddd;
     color:#777;
 }
 .block .header .title h2 {
-    padding : 0px 0px 5px 10px;
+    padding :0rem 0rem 0.313rem 0.625rem;
     font-size : 1.2em;
     text-transform : uppercase;
     margin : 0 !important ;
     font-weight : 300;
     color : #fff;
-    padding-top : 8px;
+    padding-top : 0.5rem;
 }
 .block .header .block_action {
     float:right;
-    margin-right: 3px;
+    margin-right: 0.188rem;
     vertical-align:top;
-    margin-top: 10px;
+    margin-top: 0.625rem;
 }
 .block .region-content {
     width: 100%;
@@ -134,7 +137,7 @@
     padding: 0;
 }
 .block .minicalendar {
-    margin:10px auto;
+    margin:0.625rem auto;
     width:100%;
 }
 /* @end */
@@ -148,7 +151,8 @@
     vertical-align: middle
 }
 .block .list .c1 {
-    margin-left:5px;display:inline;
+    margin-left:0.313rem;
+    display:inline;
 }
 /* @end */
 
@@ -156,8 +160,8 @@
 /* @group Login Block */
 
 .block_login.block {
-    width : 210px;
-    margin : 19px;
+    width : 13.125rem;
+    margin : 1.188rem;
 }
 
 .block_login div.content label {
@@ -165,9 +169,9 @@
     /*--------------------------------------------------text-transform: uppercase;*/
     font-size : 1em;
     display : inline-block;
-    min-width : 50px;
-    margin-right : 3px;
-    padding-bottom: 10px;
+    min-width : 3.125rem;
+    margin-right : 0.188rem;
+    padding-bottom: 0.625rem;
 }
 .block_login div.content a {
     color: #fff;
@@ -177,26 +181,26 @@
 .block_login textarea {
     background: #fff;/*---------------------------add---------------------------*/
     font-size: 1em;
-    margin: -1px;
-    border: 1px inset #ccc;
+    margin: -0.06rem;
+    border: 0.063rem inset #ccc;
     color: #000;
     text-align: left;/*---------------------------add---------------------------*/
-    width: 106px;/*---------------------------add---------------------------*/
+    width: 6.625rem;/*---------------------------add---------------------------*/
 }
 .block_login input,
 .block_login input select {
     /*--------------------------------------------------background: #7e7f83;*/
     /*--------------------------------------------------border: 1px solid #fff;*/
-    padding: 0px 0px;
+    padding:0rem 0rem;
     /*--------------------------------------------------padding-top: 7px;
     --------------------------------------------------padding-bottom: 7px;*/
     color: #000;
-    margin-top: 5px;
+    margin-top: 0.313rem;
     float: right;
 }
 .block_login .footer {
-    padding-bottom: 10px;
-    height: 20px;
+    padding-bottom: 0.625rem;
+    height: 1.25rem;
 }
 .block_login .header h2,
 .block_login .header .block_action {
@@ -208,12 +212,12 @@
 /* @group Top Links */
 #toplinks .region-content {
     margin: 0;
-    padding: 20px;
+    padding: 1.25rem;
 }
 #toplinks .block {
     background: none;
     border: none;
-    padding: 5px;
+    padding: 0.313rem;
 }
 #toplinks .block label,
 #toplinks .block .block_action {
@@ -224,14 +228,14 @@
 }
 
 #toplinks .block .title h2 {
-    margin: 0px;
-    padding: 0px;
-    padding-bottom: 5px;
+    margin:0rem;
+    padding:0rem;
+    padding-bottom: 0.313rem;
     font-size: 1.1em;
 }
 #toplinks .block .content {
     padding: 0;
-    margin-top: -3px;
+    margin-top: -0.188rem;
     border: none;
     font-weight: 20000;
 }
@@ -240,18 +244,18 @@
 #toplinks .block_html .content ul {
     margin: 0 auto;
     padding: 0;
-    width: 190px;
+    width: 11.875rem;
 }
 #toplinks .block_html .content ul li {
-    padding: 8px;
+    padding: 0.5rem;
     text-transform: uppercase;
-    margin-left: 0px;
+    margin-left:0rem;
     font-size: 1em;
 }
 #toplinks .block .header .commands {
     background: transparent;
-    top: 0px;
-    left: -10px;
+    top:0rem;
+    left: -0.625rem;
 }
 /* @end */
 
@@ -262,7 +266,7 @@
 .block_navigation .block_tree li.item_with_icon > p img {
     left:0;
     position:absolute;
-    top:0px !important;
+    top:0rem !important;
     vertical-align:middle;
 }
 .block_settings .block_tree li.item_with_icon p img.smallicon,
@@ -274,8 +278,8 @@
     vertical-align:middle;
 }
 .block_navigation .block_tree .type_activity > .tree_item.branch img {
-    left:0px;
-    bottom: 0px;
+    left:0rem;
+    bottom:0rem;
     position:absolute;
 }
 /* @end */
@@ -284,14 +288,14 @@
 .editing #search .block {
     border: 0 none;
     margin-top: 0;
-    padding: 0 10px;
-    width: 230px;
+    padding: 0 0.625rem;
+    width: 14.375rem;
 }
 #search .block {
-    margin-top: 5px;
-    padding: 10px;
-    border: 0px;
-    width: 230px;
+    margin-top: 0.313rem;
+    padding: 0.625rem;
+    border:0rem;
+    width: 14.375rem;
 }
 .editing #search .block_myprofile .header,
 .editing #search .block_myprofile .footer {
@@ -316,21 +320,21 @@
     display: none;
 }
 .editing #search .block_myprofile div.content {
-    padding: 0px;
-    margin-top: 10px;
+    padding:0rem;
+    margin-top: 0.625rem;
     border: 0 none;
 }
 #search .block_myprofile div.content {
-    padding: 0px;
-    margin-top: -7px;
+    padding:0rem;
+    margin-top: -0.438rem;
     border: none;
 }
 #search .block_myprofile img.profilepicture {
-    height:  20px;
-    width: 20px;
+    height:  1.25rem;
+    width: 1.25rem;
     float: right;
     margin-top: 0;
-    padding: 5px;
+    padding: 0.313rem;
 }
 #search .block_myprofile .fullname {
     font-size: 1.2em;
@@ -349,7 +353,7 @@
 
 #homeblock .block {
     border: none;
-    padding-top: 5px;
+    padding-top: 0.313rem;
 }
 #homeblock .block .content {
     border: none;
@@ -358,13 +362,13 @@
     display: none;
 }
 #homeblock .block .header h2 {
-    padding : 0px;
+    padding :0rem;
     color : #fff;
-    padding-top : 0px;
+    padding-top :0rem;
 }
 #homeblock .block .header {
-    padding: 0px;
-    margin: 0px;
+    padding:0rem;
+    margin:0rem;
 }
 /* @end */
 
@@ -380,6 +384,6 @@
     border-top-width: 0;
 }
 .block_rss_client .list li {
-    padding: 5px;
+    padding: 0.313rem;
 }
 /* @end */
\ No newline at end of file
diff --git a/style/rocket_calendar.css b/style/rocket_calendar.css
index 969b989..84dd59d 100755
--- a/style/rocket_calendar.css
+++ b/style/rocket_calendar.css
@@ -11,7 +11,7 @@ Modules: Calendar
     width:14%;
     vertical-align:top;
     text-align: center;
-    border-width:0px;
+    border-width:0rem;
 }
 .path-calendar .calendar-controls .previous,
 .path-calendar .calendar-controls .next,
@@ -35,19 +35,19 @@ Modules: Calendar
     vertical-align: top;padding:0;
 }
 .path-calendar .maincalendar .bottom {
-    text-align: center;padding:5px 0 0 0;
+    text-align: center;padding:0.313rem 0 0 0;
 }
 .path-calendar .maincalendar .heightcontainer {
     height: 100%;position: relative;
 }
 .path-calendar .maincalendar .calendarmonth {
-    width:98%;margin:10px auto;
+    width:98%;margin:0.625rem auto;
 }
 .path-calendar .maincalendar .calendarmonth ul {
     margin:0;
 }
 .path-calendar .maincalendar .calendarmonth ul li {
-    list-style-type:none;margin-top: 4px;
+    list-style-type:none;margin-top: 0.25rem;
 }
 .path-calendar .maincalendar .calendarmonth td {
     height: 5em;
@@ -60,14 +60,15 @@ Modules: Calendar
     width: 39.95%;
 }
 .path-calendar .maincalendar .controls {
-    width:98%;margin:10px auto;
+    width:98%;
+    margin:0.625rem auto;
 }
 .path-calendar .maincalendar .eventlist .event {
     width:100%;
-    margin-bottom:10px;
-    border-spacing:0px;
+    margin-bottom:0.625rem;
+    border-spacing:0rem;
     border-collapse:separate;
-    border-width:1px;
+    border-width:0.06rem;
     border-style:solid;
 }
 .path-calendar .maincalendar .eventlist .event .topic .name {
@@ -81,7 +82,7 @@ Modules: Calendar
     clear:left;
 }
 .path-calendar .maincalendar .eventlist .event .side {
-    width:32px;
+    width:2rem;
 }
 .path-calendar .maincalendar .header {
     overflow:hidden;
@@ -91,18 +92,20 @@ Modules: Calendar
 }
 .path-calendar .filters table {
     border-collapse:separate;
-    border-spacing: 2px;width: 100%;
+    border-spacing: 0.125rem;
+    width: 100%;
 }
 #page-calendar-export .indent {
-    padding-left: 20px;
+    padding-left: 1.25rem;
 }
 .block .minicalendar {
     width:100%;
-    margin:10px auto;
+    margin:0.625rem auto;
 }
 .block .minicalendar th,
 .block .minicalendar td {
-    padding:2px;font-size: 10px;
+    padding:0.125rem;
+    font-size: 0.625rem;
 }
 .block .minicalendar td.weekend {
     color:#A00;
@@ -127,8 +130,9 @@ Modules: Calendar
 }
 .block .filters table {
     border-collapse:separate;
-    border-spacing: 2px;
-    padding: 2px;width: 100%;
+    border-spacing: 0.125rem;
+    padding: 0.125rem;
+    width: 100%;
 }
 .block .content h3.eventskey {
     margin-top:0.5em;
diff --git a/style/rocket_dock.css b/style/rocket_dock.css
index 690e1e8..10c6693 100755
--- a/style/rocket_dock.css
+++ b/style/rocket_dock.css
@@ -3,8 +3,8 @@
 #dock {
     width:3%;
     position:fixed;
-    top:0px;
-    left:0px;
+    top:0rem;
+    left:0rem;
     height:100%;
     z-index:11000;
 }
@@ -17,39 +17,39 @@
 #dock .controls {
     bottom: auto;
     background-color: #ccc;
-    -webkit-border-bottom-right-radius: 6px;
-    -moz-border-radius-bottomright: 6px;
-    border-bottom-right-radius: 6px;
-    padding: 5px 0px;
+    -webkit-border-bottom-right-radius: 0.375rem;
+    -moz-border-radius-bottomright: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+    padding: 0.313rem 0rem;
 }
 
 #dock .dockeditem.firstdockitem {
     margin-top: 2.3em;
-    -webkit-border-top-right-radius: 6px;
-    -moz-border-radius-topright: 6px;
-    border-top-right-radius: 6px;
+    -webkit-border-top-right-radius: 0.375rem;
+    -moz-border-radius-topright: 0.375rem;
+    border-top-right-radius: 0.375rem;
 }
 
 #dock .dockeditem {
     background-color: #ccc;
-    padding: 2px;
-    padding-left: 0px;
+    padding: 0.125rem;
+    padding-left: 0rem;
 }
 
 #dock .dockedtitle {
-    padding-bottom: 5px;
+    padding-bottom: 0.313rem;
     cursor:pointer;
-    -webkit-border-top-right-radius: 6px;
-    -moz-border-radius-topright: 6px;
-    border-top-right-radius: 6px;
-    -webkit-border-bottom-right-radius: 6px;
-    -moz-border-radius-bottomright: 6px;
-    border-bottom-right-radius: 6px;
+    -webkit-border-top-right-radius: 0.375rem;
+    -moz-border-radius-topright: 0.375rem;
+    border-top-right-radius: 0.375rem;
+    -webkit-border-bottom-right-radius: 0.375rem;
+    -moz-border-radius-bottomright: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
 }
 
 #dock .dockedtitle h2 {
     margin: 0;
-    padding: 10px 3px;
+    padding: 0.625rem 0.188rem;
     color: #fff;
 }
 
@@ -58,18 +58,18 @@
 }
 
 #dock .dockedtitle.activeitem {
-    width: 35px;
-    -webkit-border-top-left-radius: 6px;
-    -moz-border-radius-topleft: 6px;
-    border-top-left-radius: 6px;
-    -webkit-border-bottom-left-radius: 6px;
-    -moz-border-radius-bottomleft: 6px;
-    border-bottom-left-radius: 6px;
+    width: 2.188rem;
+    -webkit-border-top-left-radius: 0.375rem;
+    -moz-border-radius-topleft: 0.375rem;
+    border-top-left-radius: 0.375rem;
+    -webkit-border-bottom-left-radius: 0.375rem;
+    -moz-border-radius-bottomleft: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
 }
 
 #dock .controls img {
     cursor:pointer;
-    margin-left: 10px;
+    margin-left: 0.625rem;
 }
 
 
@@ -79,7 +79,7 @@
 /* @group Docked item Panel */
 
 #dockeditempanel {
-    width: 180px;
+    width: 11.25rem;
     position: relative;
     z-index: 12000;
     left: 100%;
@@ -91,27 +91,27 @@
 
 #dockeditempanel .dockeditempanel_content {
     background-color: #fff;
-    margin: 0 3px;
+    margin: 0 0.188rem;
     position: relative;
-    min-height: 100px;
+    min-height: 6.25rem;
     border-color: #c4073e;
     border-style: solid;
-    border-width: 1px;
-    -webkit-border-radius: 6px;
+    border-width: 0.06rem;
+    -webkit-border-radius: 0.375rem;
     -webkit-border-top-right-radius: 0;
-    -moz-border-radius: 6px;
+    -moz-border-radius: 0.375rem;
     -moz-border-radius-topright: 0;
-    border-radius: 6px;
+    border-radius: 0.375rem;
     border-top-right-radius: 0;
 }
 
 #dockeditempanel .dockeditempanel_hd {
     border-width: 0;
-    padding: 2px;
+    padding: 0.125rem;
 }
 
 #dockeditempanel .dockeditempanel_bd .block_docked {
-    margin:10px;
+    margin:0.625rem;
 }
 
 #dockeditempanel .block_calendar_month.block_docked {
@@ -119,7 +119,7 @@
 }
 
 #dockeditempanel .dockeditempanel_hd {
-    border-bottom:1px dotted #aaa;
+    border-bottom:0.06rem dotted #aaa;
     text-align: right;
 }
 
@@ -138,7 +138,7 @@
 }
 
 #dockeditempanel .dockeditempanel_hd .commands img {
-    margin-right: 3px;
+    margin-right: 0.188rem;
     vertical-align: middle;
 }
 
diff --git a/style/rocket_layout.css b/style/rocket_layout.css
index 1e9d9d0..21c0c96 100755
--- a/style/rocket_layout.css
+++ b/style/rocket_layout.css
@@ -12,14 +12,14 @@ body {
 }
 
 #page-wrapper {
-    min-width: 910px;
+    min-width: 56.875rem;
     margin: 0 auto;
     background: transparent;
-    border: 0px none;
+    border: 0rem none;
 }
 
 #page-site-index #page-wrapper{
-    width: 1000px;
+    /* width: 62.5rem; */
     margin-left: auto;
     margin-right: auto;
 }
@@ -34,6 +34,10 @@ body {
 /* @end */
 
 /* @group 3 Column Page Layout */
+#page-content.blocks-pre .region-main {
+    width: 69%;
+    background: transparent;
+}
 
 #page-content {
     position:relative;    /* fixes IE7 overflow hidden bug stoping layout jumping out of place */
@@ -41,13 +45,14 @@ body {
     float:left;
     width:100%;            /* width of whole page */
     overflow:hidden;        /* This chops off any overhanging divs */
-    background: #f1f2f2;        /* Left column background colour */
+    background: #d0d5d5;        /* Left column background colour */
+    margin: 0;
 }
 #region-main-box {
-    float:left;
-    width:200%;
+    float:right;
+    /* width:200%; */
     position:relative;
-    left:250px;
+    /* left:15.625rem; */
     background: #fff;        /* Centre column background colour */
     }
 #region-post-box {
@@ -55,7 +60,7 @@ body {
     width:100%;
     position:relative;
     left:50%;
-    margin-left: -500px;
+    margin-left: -31.25rem;
     background: #fff;        /* Right column background colour */
 }
 #region-main-wrap {
@@ -65,7 +70,7 @@ body {
     right:100%;
 }
 #region-main-pad {
-    margin:15px 0px 0 520px;
+    margin:0.938rem 0rem 0 32.5rem;
     overflow:hidden;
 }
 #region-main {
@@ -74,37 +79,37 @@ body {
 }
 #region-pre {
     float:left;
-    width:250px;
+    width:15.625rem;
     position:relative;
     margin-left:-50%;
-    left:250px;
+    left:15.625rem;
     overflow:hidden;
     background: transparent;
 }
 #region-post {
     float:left;
-    width:250px;
+    width:15.625rem;
     position:relative;
-    left:0px;
+    left:0rem;
     overflow:hidden;
 }
 #page-content #region-main-box .region-content {
     margin: 0;
-    padding:0;
+    padding:1rem;
 }
 #page-site-index .headingblock {
-    margin-bottom:9px;
-    margin-left: 3px;
+    margin-bottom:0.563rem;
+    margin-left: 0.188rem;
 }
 #page-footer {
     clear:both;
     float:left;
     width: 100%;
-    height: 70px;
+    height: 4.375rem;
     margin: 0;
     padding: 0;
     background-color: #fff;
-    border-top: 1px dotted #ccc;
+    border-top: 0.06rem dotted #ccc;
 }
 
 
@@ -115,13 +120,13 @@ body {
 
 #region-pre .block-region {
     float: left;
-    width: 250px;
+    width: 15.625rem;
     margin: 0;
     padding: 0;
 }
 #region-post .block-region {
     float: right;
-    width: 250px;
+    width: 15.625rem;
     margin: 0;
     padding: 0;
 }
@@ -134,13 +139,13 @@ body {
 
 /* @group Side Pre Only */
 
-.side-pre-only #region-main-box {width: 200%; left: 250px;}
-.side-pre-only #region-post-box {width: 100%; left: 50%; margin-left: -250px; background-color: #fff;}
+.side-pre-only #region-main-box {width: 200%; left: 15.625rem;}
+.side-pre-only #region-post-box {width: 100%; left: 50%; margin-left: -15.625rem; background-color: #fff;}
 .side-pre-only #region-main-wrap {width: 50%; right: 100%;}
-.side-pre-only #region-main-pad {margin: 0px 10px 0px 260px;}
+.side-pre-only #region-main-pad {margin: 0rem 0.625rem 0rem 16.25rem;}
 .side-pre-only #region-main {width: 100%;}
-.side-pre-only #region-pre {width: 250px; left: 0px; margin-left:-50%;}
-.side-pre-only #region-post {width: 0px; left: 0px;}
+.side-pre-only #region-pre {width: 15.625rem; left: 0rem; margin-left:-50%;}
+.side-pre-only #region-post {width: 0rem; left: 0rem;}
 
 
 
@@ -149,13 +154,13 @@ body {
 /* @group Side Post Only */
 
 .side-post-only #page-content { background-color: #fff;}
-.side-post-only #region-main-box {width: 200%; left: 250px;}
-.side-post-only #region-post-box {width: 100%; left: 50%; margin-left: -500px;}
+.side-post-only #region-main-box {width: 200%; left: 15.625rem;}
+.side-post-only #region-post-box {width: 100%; left: 50%; margin-left: -31.25rem;}
 .side-post-only #region-main-wrap {width: 50%; right: 100%;}
-.side-post-only #region-main-pad {margin: 0px 0px 0px 260px;}
+.side-post-only #region-main-pad {margin: 0rem 0rem 0rem 16.25rem;}
 .side-post-only #region-main {width: 100%;}
-.side-post-only #region-pre {width: 0px;left: 0px;}
-.side-post-only #region-post {width: 250px; left: 0px;}
+.side-post-only #region-pre {width: 0rem;left: 0rem;}
+.side-post-only #region-post {width: 15.625rem; left: 0rem;}
 
 
 
@@ -163,11 +168,11 @@ body {
 
 /* @group Side Post Only When Moving */
 
-.blocks-moving.side-post-only #region-main-box {left: 250px;}
-.blocks-moving.side-post-only #region-post-box {margin-left: -500px;}
-.blocks-moving.side-post-only #region-main-pad {margin: 0 10px 0 510px;}
-.blocks-moving.side-post-only #region-pre {width: 250px;left: 250px;}
-.blocks-moving.side-post-only #region-post {width: 250px;left: 0px;}
+.blocks-moving.side-post-only #region-main-box {left: 15.625rem;}
+.blocks-moving.side-post-only #region-post-box {margin-left: -31.25rem;}
+.blocks-moving.side-post-only #region-main-pad {margin: 0 0.625rem 0 31.875rem;}
+.blocks-moving.side-post-only #region-pre {width: 15.625rem;left: 15.625rem;}
+.blocks-moving.side-post-only #region-post {width: 15.625rem;left: 0rem;}
 
 
 
@@ -176,10 +181,10 @@ body {
 /* @group Middle Column Only */
 
 .content-only #page-content { background-color: #fff;}
-.content-only #region-main-box {width: 200%; left: 0px;}
-.content-only #region-post-box {width: 100%; left: 50%; margin-left: 0px; background-color: #fff;}
+.content-only #region-main-box {width: 200%; left: 0rem;}
+.content-only #region-post-box {width: 100%; left: 50%; margin-left: 0rem; background-color: #fff;}
 .content-only #region-main-wrap {width: 50%; right: 100%;}
-.content-only #region-main-pad {margin: 0px 10px 0px 10px;}
+.content-only #region-main-pad {margin: 0rem 0.625rem 0rem 0.625rem;}
 .content-only #region-main {width: 100%}
 .content-only #region-pre { width:0;left:0;}
 .content-only #region-post { width: 0;left:0;}
diff --git a/style/rocket_menu.css b/style/rocket_menu.css
index 86719a4..cb70e71 100755
--- a/style/rocket_menu.css
+++ b/style/rocket_menu.css
@@ -1,23 +1,23 @@
 /* Custom Menu
 -------------------------- */
 #menuwrap {
-	height: 36px;
+	height: 2.25rem;
 	width: 100%;
-	padding: 0px;
+	padding: 0rem;
 }
 
 #custommenu {
     padding: 0;
     clear:both;
     height: 100%;
-    margin: 0px;
+    margin: 0rem;
     white-space: nowrap;
     float: right;
 }
 
 #custommenu ul li {
-    border-right: 1px solid #777;
-    border-left: 1px solid #999;
+    border-right: 0.06rem solid #777;
+    border-left: 0.06rem solid #999;
 }
 /*
 Dropdown Menu - CSS from DeCaf Theme by Lei Zhang
@@ -33,7 +33,9 @@ ul.dropdown span.customitem {
 }
 ul.dropdown li a,
 ul.dropdown span.customitem a {
-    padding:10px 20px;
+    padding:0.625rem 1.25rem;
+    font-size: 0.75rem;
+    background-color: transparent !important;
 }
 ul.dropdown span.customitem a:hover {
     border: 0;
@@ -43,10 +45,10 @@ ul.dropdown span.customitem a:hover {
     width:auto;
 }
 #custommenu ul.dropdown ul a {
-    padding:8px 18px;
+    padding:0.5rem 1.125rem;
 }
 #custommenu ul.dropdown > li span a {
-    height:16px;
+    height:1rem;
 }
 ul.dropdown,
 ul.dropdown li,
@@ -57,7 +59,7 @@ ul.dropdown ul {
 }
 ul.dropdown {
     position:relative;
-    top:0px;
+    top:0rem;
     z-index:597;
     float:left;
     text-transform: uppercase;
@@ -83,15 +85,15 @@ ul.dropdown ul {
     top:100%;z-index:598;
     left:auto;
     right:0;
-    margin-top: 0px;
+    margin-top: 0rem;
     font:100% "Trebuchet MS",Arial,Helvetica,sans-serif;
 }
 ul.dropdown ul li {
     float:none;
-    border-width: 1px;
+    border-width: 0.06rem;
     border-style: solid;
     padding:0;
-    font-size: 12px;
+    font-size: 0.75rem;
     text-transform: none;
 }
 
@@ -112,7 +114,7 @@ ul.dropdown span,
 ul.dropdown span a,
 ul.dropdown li.clickable-with-children > a {
     width:auto;
-    padding:2px 6px 4px 20px;
+    padding:0.125rem 0.375rem 0.25rem 1.25rem;
     color: #fff;
 }
 ul.dropdown ul span,
@@ -168,8 +170,8 @@ ul.dropdown a,ul.dropdown span{
 }
 
 ul.dropdown ul a {
-    width:190px;
-    padding:2px 0 4px 5px;
+    width:11.875rem;
+    padding:0.125rem 0 0.25rem 0.313rem;
 }
 
 ul.dropdown ul a.open:hover {
@@ -190,4 +192,8 @@ ul.dropdown ul ul *.open,
 ul.dropdown ul ul li:hover > span,
 ul.dropdown ul ul li:hover > span a {
     color:#fff;
+}
+div#usernavigation {
+    background: #fff;
+    padding: 0.25rem 0;
 }
\ No newline at end of file
diff --git a/style/rocket_mod.css b/style/rocket_mod.css
index aad6cc7..bd893aa 100755
--- a/style/rocket_mod.css
+++ b/style/rocket_mod.css
@@ -2,9 +2,9 @@
 
 .forumpost {
     border-collapse:separate;
-    border: 1px dotted #ccc;
-    padding: 5px;
-    margin-top:10px;
+    border: 0.06rem dotted #ccc;
+    padding: 0.313rem;
+    margin-top:0.625rem;
     width: 100%;
     width: 98%;
 }
@@ -13,7 +13,7 @@
 }
 .forumpost .row.header {
     background: #fff;
-    border:0px;
+    border:0rem;
     min-height: 3em;
 }
 
@@ -24,14 +24,14 @@
 
 .forumpost .row.header .author {
 	font-size: .85em;
-	margin-top: 4px;
+	margin-top: 0.25rem;
 }
 
 .forumpost .picture img {
-    margin: 0px 4px 0 0;
+    margin: 0rem 0.25rem 0 0;
 }
 .forumpost .content .posting {
-    margin-top: 15px;
+    margin-top: 0.938rem;
     max-width:100%;
     overflow:auto;
 }
@@ -46,13 +46,13 @@
 }
 .path-mod-forum .forumheaderlist .discussion.r1 {
     background-color: #f4f4f4;
-    border-bottom: 1px solid #e6e6e6;
-    border-top: 1px solid #d9d9d9;
+    border-bottom: 0.06rem solid #e6e6e6;
+    border-top: 0.06rem solid #d9d9d9;
 }
 .path-mod-forum .forumheaderlist {
-    border: 1px solid #ccc;
+    border: 0.06rem solid #ccc;
     border-collapse: separate;
-    margin-top: 10px;
+    margin-top: 0.625rem;
     width: 100%;
 }
 .path-mod-forum .forumheaderlist th.header {
@@ -60,22 +60,22 @@
     text-transform: uppercase;
     font-weight: 200;
     text-align: left;
-    padding: 10px;
+    padding: 0.625rem;
 }
 .path-mod-forum .forumheaderlist td {
     border-color: #ccc;
     border-style: solid;
-    border-width: 1px 0 0;
+    border-width: 0.06rem 0 0;
 }
 
 .forumsearch {
-	border: 1px solid #000;
+	border: 0.06rem solid #000;
 	display: none;
 }
 
 /** Forum post colors **/
 .forumpost .topic {
-padding: 7px;
+padding: 0.438rem;
 }
 
 /** og color #04346c **/
@@ -85,10 +85,10 @@ color: #fff;
 
 .forumpost img.userpicture,
 .forumheaderlist img.userpicture {
-	border: 1px solid #ddd;
+	border: 0.06rem solid #ddd;
 	background: #fff;
-	padding: 3px;
-	padding-bottom: 10px;
+	padding: 0.188rem;
+	padding-bottom: 0.625rem;
 }
 
 .forumheaderlist {
@@ -111,12 +111,12 @@ color: #fff;
 
 #page-mod-quiz-edit div.question {
 	background: transparent;
-	border: 0px none;
+	border: 0rem none;
 }
 
 #page-mod-quiz-edit .reorder div.question div.content {
-	padding: 5px;
-	margin-bottom: 10px;
+	padding: 0.313rem;
+	margin-bottom: 0.625rem;
 }
 
 #page-mod-quiz-edit div.question div.content .singlequestion .questionpreview,
@@ -136,16 +136,16 @@ color: #fff;
     background-color: #def
 }
 .user-grade {
-    border: 1px solid #abc;
+    border: 0.06rem solid #abc;
 }
 .user-grade td.b1l, .user-grade td.b2l {
-    border-left: 2px solid #aaa;
+    border-left: 0.125rem solid #aaa;
 }
 .user-grade td.b1b, .user-grade td.b2b {
-    border-bottom: 2px solid #aaa;
+    border-bottom: 0.125rem solid #aaa;
 }
 .user-grade td.b1t, .user-grade td.b2t {
-    border-top: 2px solid #369;
+    border-top: 0.125rem solid #369;
 }
 tr.discussion td.replies { text-align: center;}
 
@@ -156,12 +156,12 @@ tr.discussion td.replies { text-align: center;}
 AJAX User Enroller Panel
 -----------------------*/
 .user-enroller-panel {
-    width:400px;
+    width:25rem;
     background-color:#666;
     position:absolute;
     top:10%;
     left:10%;
-    border:1px solid #666;
-    border-width:0 5px 5px 0;
+    border:0.06rem solid #666;
+    border-width:0 0.313rem 0.313rem 0;
     z-index: 99999!important;
 }
\ No newline at end of file
diff --git a/style/rocket_settings.css b/style/rocket_settings.css
index b4f7447..73e3848 100755
--- a/style/rocket_settings.css
+++ b/style/rocket_settings.css
@@ -1,7 +1,14 @@
 /* @group Layout */
 
 #page-wrapper {
-    width:[[setting:screenwidth]];
+    width:90%;
+}
+.navbar.fixed-top{
+ background: #a8213a;
+ align-items: center;
+}
+.columnleft.blockcolumn.has-blocks {
+    max-width: 30% !important;
 }
 
 /* @end */
@@ -10,8 +17,8 @@ body {
     background-image: url([[pix:theme|core/body_bg_sml]]);
     background-repeat: repeat-x;
     background-position: left top;
-    background-color: [[setting:themecolor]];
-    border-top: 5px solid [[setting:themetrimcolor]];
+    background-color: [[setting:themecolor]] !important;
+    border-top: 0.313rem solid [[setting:themetrimcolor]];
 }
 a:link,
 a:visited {
@@ -24,25 +31,29 @@ h2.headingblock {
 }
 #page-site-index {
     background-color: [[setting:themecolor]];
-    background-image: url([[pix:theme|core/body_bg]]);
     background-repeat: repeat-x;
     background-position: left [[setting:bannerheight]];
+    border: 0;
+}
+div#page-header td {
+    border: 0;
 }
 h2.headingblock {
-    border-width: 0 0 1px;
+    border-width: 0 0 0.06rem;
 }
 table#home_title h1 {
     color: [[setting:themetrimcolor]];
 }
 .block_calendar_month .calendartable .today {
-    border-width: 1px;
+    border-width: 0.06rem;
     border-style: dotted;
 }
 .block_rss_client .list li {
-    border-width: 1px 0 0;
+    border-width: 0.06rem 0 0;
 }
 #page-header {
-    border-width: 0 0 3px;
+    border-width: 0 0 0.125rem;
+    margin: 0;
 }
 h2.headingblock,
 .block_rss_client .list li,
@@ -56,10 +67,11 @@ h2.headingblock,
     border-color: [[setting:menutrimcolor]];
 }
 a.logo {
-    background-image: url([[setting:logo]]);
+    background-image: url([[pix:theme|logo/logo]]);
     background-repeat: no-repeat;
     background-position: left top;
     background-size: contain;
+    height: 100%;
 }
 #hometopblocks {
     height: [[setting:bannerheight]];
@@ -76,7 +88,7 @@ a.logo {
     background-repeat: no-repeat;
     background-color: #ccc;
     height: [[setting:bannerheight]];
-    width: 750px;
+    width: 46.875rem;
     background-size: contain;
 }
 #headerstrip {
@@ -97,7 +109,7 @@ a.logo {
 }
 #dndupload-status,
 #editingmode {
-    border-width: 0 0 3px;
+    border-width: 0 0 0.188rem;
     border-style: solid;
     border-color: [[setting:menutrimcolor]];
 }
@@ -115,7 +127,7 @@ div.jcontrolsleft {
     background-position: left top;
 }
 .coursebox {
-    border-width: 0 0 1px;
+    border-width: 0 0 0.06rem;
     border-style: dashed;
     border-color: [[setting:themecolor]];
 }
@@ -127,12 +139,20 @@ div.jcontrolsleft {
 #adminsettings h2.main{
     background-image: url([[pix:theme|core/icons]]);
     background-repeat: no-repeat;
-    background-position: left -76px;
+    background-position: left -4.75rem;
 }
 #page-footer {
-    border-width: 3px 0 0;
+    border-width: 0.188rem 0 0;
     border-style: solid;
     border-color: [[setting:themecolor]];
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: end;
+}
+.footer-right .copyright {
+    margin-top: 0; 
+    margin-bottom: 0;
 }
 #page-footer .footer-left #logo {
     background-image: url([[pix:theme|footer/moodle-logo]]);
@@ -171,7 +191,7 @@ table#links a {
     color: [[setting:themecolor]];
 }
 .loginbox {
-    border-width: 3px;
+    border-width: 0.188rem;
     border-style: solid;
     border-color: [[setting:themetrimcolor]];
 }
@@ -200,7 +220,7 @@ table#links a {
 }
 
 #toplinks .block .header {
-    border-bottom: 1px solid [[setting:menutrimcolor]] !important;
+    border-bottom: 0.06rem solid [[setting:menutrimcolor]] !important;
 }
 
 #toplinks .block_html .content,
@@ -211,13 +231,13 @@ table#links a {
     background: [[setting:menuhovercolor]];
 }
 #toplinks .block_html .content ul li {
-    border-bottom: [[setting:menutrimcolor]] 1px dashed;
+    border-bottom: [[setting:menutrimcolor]] 0.06rem dashed;
 }
 #search .block_myprofile div.content {
     color: [[setting:themecolor]];
 }
 #search .block_myprofile img.profilepicture {
-    border: 1px solid [[setting:themecolor]];
+    border: 0.06rem solid [[setting:themecolor]];
 }
 /* @end */
 
@@ -241,12 +261,12 @@ table#links a {
 /* @group Menu */
 
 ul.dropdown ul li {
-    border-width: 1px;
+    border-width: 0.06rem;
     border-style: solid;
     border-color: #666 #ccc [[setting:menucolor]];
 }
 ul.dropdown ul li:first-child {
-    border-width: 3px 0 0;
+    border-width: 0.188rem 0 0;
     border-style: solid;
     border-color: [[setting:menutrimcolor]];
 }
@@ -300,11 +320,11 @@ ul.dropdown li.clickable-with-children:hover > a {
 
 /* @group Modules */
 .forumpost .row.header {
-    border-width: 0 0 1px;
+    border-width: 0 0 0.06rem;
     border-style: dashed;
 }
 .path-mod-forum .forumheaderlist th.header {
-    border-width: 0 0 4px;
+    border-width: 0 0 0.25rem;
     border-style: solid;
 }
 .path-mod-forum .forumheaderlist th.header,
@@ -330,3 +350,35 @@ ul.dropdown li.clickable-with-children:hover > a {
 /* @group Custom CSS Settings */
 [[setting:customcss]]
 /* @end */
+.generaltable th, .generaltable td, .generaltable thead th, .mform fieldset {
+    border: 0;
+  }
+  #custommenu ul.dropdown>li span a {
+    height: 2.188rem;
+}
+ul.dropdown li a, ul.dropdown span.customitem a {
+    padding: 0.625rem 1.25rem;
+    line-height: 1;
+}
+.headermenu {
+    background: #d2d4d7;
+    display: flex;
+    align-items: center;
+    flex-direction: row-reverse;
+}
+.block_tree .tree_item.branch:hover, p.tree_item.hasicon.tree_item.leaf:hover{
+    background: #eed3d8;
+}
+.block_tree .tree_item.branch{
+    padding: 0.313rem;
+}
+.simplesearchform .btn-submit {
+    background-color: #f8f9fa;
+    margin: 0;
+}
+.simplesearchform .input-group input.form-control {
+    margin: 0;
+}
+p.tree_item.hasicon.tree_item.leaf i {
+    opacity: 0;
+}
\ No newline at end of file
diff --git a/style/rocket_styles.css b/style/rocket_styles.css
index 3615b08..4a068c0 100755
--- a/style/rocket_styles.css
+++ b/style/rocket_styles.css
@@ -17,8 +17,8 @@ a:hover, a:active {
     text-decoration: none;
 }
 hr {
-    border-bottom: 1px dotted #808080;
-    border-top: 0px;
+    border-bottom: 0.06rem dotted #808080;
+    border-top: 0rem;
 }
 h2.headingblock {
     font-size: 1.4em;
@@ -41,8 +41,16 @@ table {
     font-size: 90%;
     font-family: Helvetica,Arial,sans-serif;
 }
+.pagelayout-mycourses #page{
+    margin-top: 3.125rem;
+}
+header#page-header .col-12.pt-3.pb-3 {
+    padding-left: 0;
+    padding-right: 0;
+}
 #page-content {
-    padding-bottom: 10px;
+    padding-bottom: 0.625rem;
+    display: block;
 }
 
 /* @end */
@@ -50,7 +58,7 @@ table {
 /* @group Header */
 
 #page-header {
-    height: 133px;
+    height: 8.313rem;
     width: 100%;
     background: transparent;
 }
@@ -58,14 +66,13 @@ table {
 #page-header .logininfo,
 #page-header .logininfo a {
     color: #fff;
-    margin-top: -50px;
-    font-size: 12px;
+    margin-top: -3.125rem;
+    font-size: 0.75rem;
 }
 a.logo {
-    width: 250px;
-    height: 130px;
+    width: 15.625rem;
     display: block;
-    margin: 0px;
+    margin: 0rem;
     float: left;
 }
 
@@ -73,18 +80,18 @@ a.logo {
     float:right;
     clear: right;
     font-size:1em;
-    margin:0px;
+    margin:0rem;
     text-align:right;
     position: relative;
-    top: 10px;
+    top: 0.625rem;
 }
 
 .langmenu {
-    margin-top: 2px;
+    margin-top: 0.125rem;
 }
 
 .headermenu {
-    right: 10px;
+    right: 0.625rem;
 }
 
 /* @group Homepage */
@@ -95,13 +102,13 @@ a.logo {
     vertical-align: middle;
 }
 #toplinks {
-    width: 250px;
+    width: 15.625rem;
     float: left;
 }
 
 #headerstrip {
     width: 100%;
-    height: 50px;
+    height: 3.125rem;
     vertical-align: middle;
     font-size: 1em;
     text-transform: uppercase;
@@ -109,8 +116,8 @@ a.logo {
 
 #search {
     background: #fff;
-    width: 250px;
-    height: 50px;
+    width: 15.625rem;
+    height: 3.125rem;
     float: left;
     margin: 0;
     padding: 0;
@@ -119,7 +126,7 @@ a.logo {
 #sitename {
     float: left;
     text-align: left;
-    padding: 14px;
+    padding: 0.875rem;
     font-size: 1.4em;
     text-transform: uppercase;
     color: #fff;
@@ -132,33 +139,35 @@ a.logo {
 /* @group New Icons */
 
 #page-my-index .coursebox h3.main{
-    padding-left:45px;
-    padding-top: 5px;
-    padding-bottom:5px;
+    padding-left:2.813rem;
+    padding-top: 0.313rem;
+    padding-bottom:0.313rem;
 }
 
 .coursebox .info h3{
-    padding-left:40px;
-    padding-top:10px;
-    padding-bottom:9px;
+    padding-left:2.5rem;
+    padding-top:0.625rem;
+    padding-bottom:0.563rem;
 }
 
 #page-my-index .course_title{
-    padding-left:45px;
-    padding-top:8px;
-    padding-bottom:8px;
-    border-bottom: 1px dotted #ccc;
+    padding-left:2.813rem;
+    padding-top:0.5rem;
+    padding-bottom:0.5rem;
+    border-bottom: 0.06rem dotted #ccc;
 }
 
 #page-my-index .block .content {
-    border: 0px none;
-    margin: 0px;
+    margin: 0;
+    background: #f6e9eb;
+    border: 0 !important;
+    border-radius: 0.5rem;
 }
 
 #adminsettings h2.main{
-    padding-left:44px;
-    padding-top:10px;
-    padding-bottom:10px
+    padding-left:2.75rem;
+    padding-top:0.625rem;
+    padding-bottom:0.625rem;
 }
 
 /* @end */
@@ -166,16 +175,16 @@ a.logo {
 /* @group Editing Button */
 
 #ebutton {
-width : 160px;
+width : auto;
 float : right;
 text-align : right;
 color: #fff;
-margin-top: 0px;/*dc*/
-margin-right: 20px;
+margin-top: 0rem;/*dc*/
+margin-right: 1.25rem;
 }
 
 #sitename #ebutton {
-    margin-top: 0px;
+    margin-top: 0rem;
 }
 
 #ebutton a {
@@ -188,19 +197,19 @@ margin-right: 20px;
 
 #ebutton input[type="submit"] {
     float: right;
-    padding: 5px;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
+    padding: 0.313rem;
+    -moz-border-radius: 0.625rem;
+    -webkit-border-radius: 0.625rem;
+    border-radius: 0.625rem;
     color: #fff;
-    border: 0px none;
-    margin-left: 5px;
-    padding-left: 18px;
-    padding-right: 8px;
+    border: 0rem none;
+    margin-left: 0.313rem;
+    padding-left: 1.125rem;
+    padding-right: 0.5rem;
     cursor: pointer;
     text-transform: uppercase;
     background: #777;
-    margin-top: 1px;/*dc*/
+    margin-top: 0.06rem;/*dc*/
 }
 
 /* @end */
@@ -212,13 +221,13 @@ margin-right: 20px;
     text-align: center;
     background: #ff6666;
     color: #fff;
-    padding: 5px;
+    padding: 0.313rem;
     font-size: .9em;
 }
 
 #dndupload-status {
     width: 100%;
-    margin-top: -1px;
+    margin-top: -0.06rem;
 }
 
 #editingmode {
@@ -235,15 +244,15 @@ margin-right: 20px;
     color: #fff;
     font-size: .75em;
     font-weight: normal;
-    padding-top: 10px;
+    padding-top: 0.625rem;
 }
 
 .breadcrumb {
 text-transform : uppercase;
 font-weight : bold;
 font-size : 1em;
-margin-left : 0px;
-margin-top: -8px;
+margin-left : 0rem;
+margin-top: -0.5rem;
 color: #fff;
 }
 
@@ -253,17 +262,20 @@ color : #fff !important ;
 
 .breadcrumb ul {
 color : #fff;
-line-height : 35px;
+line-height : 2.188rem;
+}
+.pagelayout-mycourses .breadcrumb li a, .pagelayout-mycourses .breadcrumb li {
+    color : #000 !important;
 }
 
 .breadcrumb li a, .breadcrumb li, .breadcrumb li a:visited {
 font-weight : 200;
 text-decoration : none;
-color : #fff;
+color: #fff;
 }
 .breadcrumb li a:hover {
 text-decoration:none;
-border-bottom: 1px dashed #fff;
+border-bottom: 0.06rem dashed #fff;
 }
 .breadcrumb li img {
 vertical-align : middle;
@@ -273,10 +285,10 @@ color : #aaa;
 }
 
 div#jcontrols_button span.arrow.sep {
-font-size : 1px;
+font-size : 0.06rem;
 color : #dadada;
 display : inline-block;
-width : 16px;
+width : 1rem;
 }
 
 div#jcontrols_button a {
@@ -284,7 +296,7 @@ div#jcontrols_button a {
 }
 
 div.jcontrolsleft {
-    margin-left : 15px;
+    margin-left : 0.938rem;
     font-weight : 600;
     float : left;
     overflow : hidden;
@@ -293,23 +305,23 @@ div.jcontrolsleft {
 
 #coursesearchnavbar {
     font-size: .8em;
-    margin-top: -3px;
+    margin-top: -0.188rem;
     text-align: left;
 }
 
 #coursesearchnavbar input {
     float: left;
-    width: 100px;
-    margin: 0px;
-    margin-top: 5px;
-    font-size: 12px;
+    width: 6.25rem;
+    margin: 0rem;
+    margin-top: 0.313rem;
+    font-size: 0.75rem;
 }
 
 #coursesearchnavbar input[type="submit"] {
-    width: 35px;
-    padding: 8px;
-    padding-top: 4px;
-    height: 20px;
+    width: 2.188rem;
+    padding: 0.5rem;
+    padding-top: 0.25rem;
+    height: 1.25rem;
 }
 
 /* @end */
@@ -357,9 +369,9 @@ div.jcontrolsleft {
 }
 
 #page-footer .footer-left #logo {
-    width: 100px;
-    height: 30px;
-    margin-top: 5px;
+    width: 6.25rem;
+    height: 1.875rem;
+    margin-top: 0.313rem;
 }
 
 #page-footer .footer-right {
@@ -369,8 +381,8 @@ div.jcontrolsleft {
 }
 
 .footer-right .copyright {
-    margin-top: -8px;
-    margin-bottom: -10px;
+    margin-top: -0.5rem;
+    margin-bottom: -0.625rem;
 }
 
 
@@ -382,20 +394,20 @@ div.controls .expandall,
 div.controls .collapseall {
     font-size: .8em;
     color: #008db0;
-    margin: 2px;
+    margin: 0.125rem;
     padding: 0;
     float: right;
     clear: both;
     text-transform: capitalize;
     font-variant: small-caps;
-    border-bottom: 1px solid #008db0;
+    border-bottom: 0.06rem solid #008db0;
 }
 .redirectmessage,
 .continuebutton {
     text-align: center;
     font-size: 14pt;
     color: #444;
-    padding-bottom: 10px;
+    padding-bottom: 0.625rem;
 }
 
 
@@ -405,8 +417,8 @@ div.controls .collapseall {
 /* @group Button */
 #loginbtn, input, button, select {
     cursor: pointer;
-    margin-left: 5px;
-    margin-right: 7px;
+    margin-left: 0.313rem;
+    margin-right: 0.438rem;
 }
 
 
@@ -416,7 +428,6 @@ input[type="text"],
 input[type="password"],
 textarea {
     background-color: white;
-    border: 2px inset threedface;
     color: #4b4b4b;
     width: auto;
     cursor: default;
@@ -431,22 +442,22 @@ textarea {
     display: none !important;
 }
 .sectionname {
-    border-bottom: 1px dashed #eee;
-    padding-bottom: 3px;
+    border-bottom: 0.06rem dashed #eee;
+    padding-bottom: 0.188rem;
     font-weight: 200;
     font-size: 1.2em;
 }
 
 .section .content li {
-    border-top: 1px dashed #eee;
-    border-left: 1px solid #fff;
-    padding-top: 5px !important;
-    padding-bottom: 5px !important;
+    border-top: 0.06rem dashed #eee;
+    border-left: 0.06rem solid #fff;
+    padding-top: 0.313rem !important;
+    padding-bottom: 0.313rem !important;
 
 }
 
 .section .content li:last-child {
-    border-bottom: 1px dashed #eee;
+    border-bottom: 0.06rem dashed #eee;
 }
 
 
@@ -457,9 +468,9 @@ textarea {
 
 .course-content ul.topics li.section,
 .course-content ul.weeks li.section {
-    border: 1px solid #DDDDDD;
+    border: 0.06rem solid #DDDDDD;
     list-style: none outside none;
-    margin: 5px 0 0;
+    margin: 0.313rem 0 0;
     padding: 0;
 }
 .course-content ul.topics li.section {
@@ -467,11 +478,11 @@ textarea {
 }
 .path-course-view .headingblock {
     display: none; /* hides topic items title or weekly itens title */
-    margin-bottom: 9px;
+    margin-bottom: 0.563rem;
 }
 
 .course-content ul.topics li.section .content {
-margin: 0 10px;
+margin: 0 0.625rem;
 }
 
 /* @end */
@@ -493,10 +504,10 @@ margin: 0 10px;
 }
 .theme_screenshot {
     float: left;
-    width: 300px;
+    width: 18.75rem;
 }
 .theme_screenshot img {
-    width: 275px;
+    width: 17.188rem;
 }
 .theme_screenshot h2 {
     font-size: 2em;
@@ -510,7 +521,7 @@ margin: 0 10px;
     margin: 0 0 1em;
 }
 .theme_description {
-    margin-left: 300px;
+    margin-left: 18.75rem;
 }
 .theme_description h2 {
     padding-top: 0.5em;
@@ -526,10 +537,10 @@ margin: 0 10px;
     text-align:center;
 }
 .tabtree .tabrow0 {
-    width:100%;margin:1em 0px;
+    width:100%;margin:1em 0rem;
 }
 .tabtree .tabrow0 li {
-    margin-right:-4px;
+    margin-right:-0.25rem;
 }
 .tabtree .tabrow0 li.here {
     font-weight: bold;
@@ -538,37 +549,37 @@ margin: 0 10px;
     position:relative;z-index:102;
 }
 .tabtree .tabrow0 li a {
-    padding-left:14px;
-    padding-top:10px;
+    padding-left:0.875rem;
+    padding-top:0.625rem;
     background-repeat:no-repeat;
-    padding-bottom:3px;
-    margin-bottom:-1px;
+    padding-bottom:0.188rem;
+    margin-bottom:-0.06rem;
 }
 
 .tabtree .tabrow0 li a span {
     background-repeat:no-repeat;
     background-position:100% 0%;
-    padding-right:14px;
-    padding-top:10px;
-    padding-bottom:3px;
+    padding-right:0.875rem;
+    padding-top:0.625rem;
+    padding-bottom:0.188rem;
 }
 
 .tabtree .tabrow0 ul,
 .tabtree .tabrow0 div {
     font-weight: normal;
     background-position:0% 50%;
-    border-top: 1px dotted #eee;
-    padding:0.25em 0px;
-    margin:0px;
+    border-top: 0.06rem dotted #eee;
+    padding:0.25em 0rem;
+    margin:0rem;
 }
 .tabtree .tabrow0 li.here .empty {
     display:block;
-    height:1px;
+    height:0.06rem;
     overflow:hidden;
-    padding:0px;
+    padding:0rem;
     position:absolute;
     width:100%;
-    bottom:-4px;
+    bottom:-0.25rem;
 }
 .tabtree .tabrow1 li a,
 .tabtree .tabrow1 li a:hover,
@@ -601,18 +612,18 @@ margin: 0 10px;
 }
 
 .ie7 .tabtree .tabrow0 li.first {
-    margin-right: -4px;
+    margin-right: -0.25rem;
 }
 .ie7 .tabtree .tabrow0 li.onerow {
     margin-right: 0;
 }
 .ie7 .tabtree .tabrow0 a {
     display: inline-block;
-    padding: 8px 0 0.35em 13px;
+    padding: 0.5rem 0 0.35em 0.813rem;
     line-height: 1.5em;
 }
 .ie7 .tabtree .tabrow0 a span {
-    padding: 10px 1em 10px 0;
+    padding: 0.625rem 1em 0.625rem 0;
 }
 .ie7 .tabtree .tabrow0 div {
     top: 2.6em;padding: 0.2em 0;
@@ -624,20 +635,20 @@ margin: 0 10px;
     margin: 0;
     vertical-align: baseline;
     position: relative;
-    top: 2px;
+    top: 0.125rem;
 }
 .ie6 .tabtree {
     height: 100%;
 }
 .ie6 .tabtree .tabrow0 {
-    padding-top: 10px;
+    padding-top: 0.625rem;
 }
 .ie6 .tabtree .tabrow0 li {
     margin-left: 0;
 }
 .ie6 .tabtree .tabrow0 li.first {
-    margin-left: -4px;
-    margin-right: -4px;
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
 }
 .ie6 .tabtree .tabrow0 li.last a {
     margin-right: 0;
@@ -646,10 +657,10 @@ margin: 0 10px;
     margin-right: 0;
 }
 .ie6 .tabtree .tabrow0 a {
-    padding: 0 0 0 13px;
+    padding: 0 0 0 0.813rem;
 }
 .ie6 .tabtree .tabrow0 a span {
-    padding: 12px 1em 4px 0;
+    padding: 0.75rem 1em 0.25rem 0;
 }
 .ie6 .tabtree .tabrow0 div {
     top: 3.5em;
@@ -669,17 +680,17 @@ margin: 0 10px;
 /* @group Coursebox */
 
 .coursebox {
-    margin-bottom: 10px;
-    padding-bottom: 10px;
+    margin-bottom: 0.625rem;
+    padding-bottom: 0.625rem;
 }
 
 .coursebox .info h3 {
-    margin-top: 0px;
+    margin-top: 0rem;
 }
 
 ul.teachers {
-    margin-left: 40px;
-    margin-top: -10px;
+    margin-left: 2.5rem;
+    margin-top: -0.625rem;
 }
 
 /* @end */
@@ -687,28 +698,28 @@ ul.teachers {
 /* @group Home_title */
 
 table#home_title {
-    border: 1px solid #dededf;
+    border: 0.06rem solid #dededf;
     width: 100%;
     color: #666666;
 }
 
 table#home_title td {
-    padding-left: 10px;
+    padding-left: 0.625rem;
 }
 
 table#home_title h1 {
     font-weight: normal;
     font-size: 1.5em;
     text-transform: uppercase;
-    margin-bottom: 5px;
-    margin-top: 5px;
+    margin-bottom: 0.313rem;
+    margin-top: 0.313rem;
 }
 
 table#home_title h2 {
     font-weight: normal;
     font-size: 1.2em;
-    margin-top: 0px;
-    margin-bottom: 5px;
+    margin-top: 0rem;
+    margin-bottom: 0.313rem;
 }
 
 /* @end */
@@ -716,7 +727,7 @@ table#home_title h2 {
 /* @group Home_info */
 
 table#home_info {
-    border: 1px solid #dededf;
+    border: 0.06rem solid #dededf;
     width: 100%;
     background: #f0f0f0;
     color: #666;
@@ -724,32 +735,32 @@ table#home_info {
 }
 
 table#home_info td {
-    padding: 30px;
+    padding: 1.875rem;
     text-align: left;
     vertical-align: top;
     text-align: left !important;
 }
 
 table#home_info img {
-    margin: -30px;
+    margin: -1.875rem;
 }
 
 table#links {
-    border: 1px solid #dededf;
+    border: 0.06rem solid #dededf;
     background: #fff;
     width: 100%;
-    margin-bottom: -10px;
+    margin-bottom: -0.625rem;
     font-size: .9em;
 }
 
 table#links td {
-    padding: 10px;
+    padding: 0.625rem;
 }
 
 table#links a {
     color: #fff;
-    padding: 5px;
-    border: 1px solid #dededf;
+    padding: 0.313rem;
+    border: 0.06rem solid #dededf;
 }
 /* @end */
 
@@ -757,16 +768,16 @@ table#links a {
 
 /* @group Performance Information */
 #page-footer .performanceinfo {
-    -moz-border-radius-topleft:15px;
-    -moz-border-radius-topright:15px;
-    -webkit-border-top-left-radius:15px 15px;
-    -webkit-border-top-right-radius:15px 15px;
+    -moz-border-radius-topleft:0.938rem;
+    -moz-border-radius-topright:0.938rem;
+    -webkit-border-top-left-radius:0.938rem 0.938rem;
+    -webkit-border-top-right-radius:0.938rem 0.938rem;
     bottom:0;
-    left:-290px !important;
+    left:-18.125rem !important;
     position:fixed;
     background-color:#444;
-    width:580px !important;
-    border-width:12px 12px medium;
+    width:36.25rem !important;
+    border-width:0.75rem 0.75rem medium;
     margin:0 50% !important;
 }
 
@@ -779,7 +790,7 @@ table#links a {
     display:block;
     list-style-type:none;
     float:left;
-    padding:5px 0;
+    padding:0.313rem 0;
     width:25%;
 }
 
@@ -822,12 +833,12 @@ table#links a {
 
 #page-login-index {
     padding: 0;
-    margin: 0px;
-    height: 1000px;
+    margin: 0rem;
+    height: 62.5rem;
 }
 
 #page-login-index #page {
-    width: 550px;
+    width: 34.375rem;
 }
 #page-login-index #page-wrapper,
 #page-login-index #page,
@@ -847,15 +858,15 @@ table#links a {
 }
 
 .loginbox .loginform .form-label {
-    padding-bottom: 10px;
-    padding-top: 2px;
+    padding-bottom: 0.625rem;
+    padding-top: 0.125rem;
     text-transform: uppercase;
 }
 
 .loginbox .loginsub .forgetpass {
     font-weight: 200;
     text-transform: uppercase;
-    padding-top: 10px;
+    padding-top: 0.625rem;
 }
 
 .loginbox .signuppanel .subcontent {
@@ -881,15 +892,28 @@ table#links a {
 /* @group Calendar */
 
 .calendartable .today {
-    border: 1px dashed #ccc;
+    border: 0.06rem dashed #ccc;
 }
 
 /* @end */
 
 #page-course-index .coursebox {
-    padding-bottom: 5px;
-    padding-top: 10px;
+    padding-bottom: 0.313rem;
+    padding-top: 0.625rem;
 }
 .coursebox > .info > .coursename a {
-    height: 20px;
+    height: 1.25rem;
+}
+
+@media (max-width: 767.98px){
+#page-header .card {
+    border: 0;
+    padding: 1rem;
+}
+.pagelayout-mycourses{
+    width: max-content;
+}
+.navbar-expand .navbar-nav {
+    display: flex!important;
 }
+}
\ No newline at end of file
diff --git a/version.php b/version.php
index 782cf92..da8b446 100755
--- a/version.php
+++ b/version.php
@@ -26,11 +26,11 @@
 
 defined('MOODLE_INTERNAL') || die;
 
-$plugin->version   = 2022050605;        // YYYYMMDD. 2014091802 
+$plugin->version   = 2023021000;        // YYYYMMDD. 2014091802 
 $plugin->maturity = MATURITY_STABLE;             // this version's maturity level.
-$plugin->release = '2.8 (Build: 2022050605)';
+$plugin->release = '2.9 (Build: 2023021000)';
 $plugin->requires  = 2013050100;        // Requires Moodle 2.7.
 $plugin->component = 'theme_rocket';
 $plugin->dependencies = array(
-    'theme_canvas'  => 2016052300,
+    'theme_classic'  => 2018120700,
 );
