diff --git a/index.php b/index.php
index 8bfc76a..8ecfec3 100755
--- a/index.php
+++ b/index.php
@@ -53,8 +53,8 @@ $rspDesktopWidth = $params->get('rspDesktopWidth');
 $rspTabletWidth = $params->get('rspTabletWidth');
 $rspGutterWidth = $params->get('rspGutterWidth');
 
-$this->addStyleDeclaration('@import "' . $tmplBase . '/css/tablet.css' . '" screen and (min-width: '. $rspTabletWidth .') and (max-width: '. $rspDesktopWidth .');');
-$this->addStyleDeclaration('@import "' . $tmplBase . '/css/mobile.css' . '" screen and (max-width: '. $rspTabletWidth .');');
+//$this->addStyleDeclaration('@import "' . $tmplBase . '/css/tablet.css' . '" screen and (min-width: '. $rspTabletWidth .') and (max-width: '. $rspDesktopWidth .');');
+//$this->addStyleDeclaration('@import "' . $tmplBase . '/css/mobile.css' . '" screen and (max-width: '. $rspTabletWidth .');');
 $this->addStyleDeclaration(':root {
     --rspDesktopWidth: ' . $rspDesktopWidth . ';
     --rspTabletWidth: ' . $rspTabletWidth . ';
@@ -67,6 +67,7 @@ $this->addStyleDeclaration(':root {
     
     --bs-primary: ' . $params->get('colorPrimary') . ';
     --bs-secondary: ' . $params->get('colorSecondary') . ';
+    --bs-tertiary: ' . $params->get('colorTertiary') . ';
     --bs-background: ' . $params->get('colorBackground') . ';
     --bs-background-content: ' . $params->get('colorContentBackground') . ';
     --bs-background-content-rgb: ' . hex2rgb($params->get('colorContentBackground')) . ';
@@ -106,7 +107,7 @@ if (!$params->get('solidTopLogo')) {
                 <!--div class="" id="topleft"><jdoc:include type="modules" name="topleft" style="html5" /></div-->
 
                 <div class="container bg-header clearfix align-middle">
-                    <?php if ($sitelogo): ?><a href="/"><img class="float-start m-1" src="<?php echo $sitelogo;?>" style="<?php if ($params->get('site-logo-x')) echo 'width: '.$params->get('site-logo-x') . '; '; ?><?php if ($params->get('site-logo-y')) echo 'height: '.$params->get('site-logo-y') . '; '; ?>"></a><?php endif; ?>
+                    <?php if ($sitelogo): ?><a class="float-start" href="/"><img class="m-1" src="<?php echo $sitelogo;?>" style="<?php if ($params->get('site-logo-x')) echo 'width: '.$params->get('site-logo-x') . '; '; ?><?php if ($params->get('site-logo-y')) echo 'height: '.$params->get('site-logo-y') . '; '; ?>"></a><?php endif; ?>
                     <jdoc:include type="modules" name="top" style="html5" />
                     <!--div class="container" id="top"></div-->
                 </div>
@@ -127,10 +128,10 @@ if (!$params->get('solidTopLogo')) {
                 <?php if ($cntMessage): ?><section id="message">
                     <jdoc:include type="modules" name="message" style="html5" />
                 </section><?php endif; ?>
-                <main>
-                    <?php if ($cntLeft): ?><section id="left" class="float-lg-start float-none bg-content p-2 border-1 w-25 "><jdoc:include type="modules" name="left" style="html5" /></section><?php endif;?>
-                    <?php if ($cntRight): ?><section id="right" class="float-lg-end float-none bg-content p-2 border-1 w-25"><jdoc:include type="modules" name="right" style="html5" /></section><?php endif;?>
-                    <section id="component" class="clearfix">
+                <main class="d-flex flex-column d-lg-block">
+                    <?php if ($cntLeft): ?><section id="left" class="float-lg-start float-none bg-content p-2 border-1 w-100 w-lg-25 order-2"><jdoc:include type="modules" name="left" style="html5" /></section><?php endif;?>
+                    <?php if ($cntRight): ?><section id="right" class="float-lg-end float-none bg-content p-2 border-1 w-100 w-lg-25 order-3"><jdoc:include type="modules" name="right" style="html5" /></section><?php endif;?>
+                    <section id="component" class="clearfix order-1">
                             <jdoc:include type="component" />
                         </section>
                 </main>