reduce footer in low-width-screen

basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css

@@ -860,3 +860,12 @@ a.bg-secondary:focus {
 .text-muted a{
     color:#66b0ff;
 }
+@media (max-width: 575px){
+    .p-xs-0 {
+        padding: 0 !important;
+    }
+    .footer__section + .footer__section,
+    .footer__section{
+        min-height:2em;
+    }
+}
\ No newline at end of file

basetheme_bootstrap/templates/basetheme_bootstrap/basePasteur.html

@@ -117,9 +117,9 @@
 </main>
 {% block footer %}
 
-<footer class="footer mt-auto">
+<footer class="footer p-xs-0 mt-auto">
     <div class="inner-wrap">
-                <div class="footer__section footer__address">
+                <div class="footer__section footer__address d-none d-sm-block">
                     <div class="footer__logo clearfix">
                         <img src="{% sstatic '/img/pasteur-white.png'%}" alt="Institut Pasteur" title="Institut Pasteur">
                     </div>
@@ -135,7 +135,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="footer__section footer__menu-1">
+                <div class="footer__section footer__menu-1 d-none d-sm-flex">
                     <div id="block-menu-menu-footer-menu-1" class="block block-menu">
                         <nav>
                             <ul>
@@ -145,7 +145,7 @@
                     </div>
                 </div>
                 <div class="footer__section">
-                    <div class="block block-menu block-menu-menu-footer-menu-social">
+                    <div class="block block-menu block-menu-menu-footer-menu-social d-none d-sm-block">
                         <nav>
                             <ul>
                                 {% include_if_exists "credits.html"|localize_template "basetheme_bootstrap/credits.example.html" %}