[fix] logo responsivity ++ preferences button hover

searx/static/themes/oscar/less/logicodev/search.less

 
 }
 
-.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
-    background-color: transparent !important;
-    box-shadow: none;
-}
-
 #categories{
     margin: 0;
 }
     margin-bottom: 25px;
 }
 
+#main-logo > img {
+    max-width: 350px;
+    width: 80%;
+}
+
 #q{
     box-shadow: none;
     border-right: none;

searx/templates/oscar/index.html

                 <h1 class="text-hide center-block"><img class="center-block img-responsive" src="{{ url_for('static', filename='img/searx_logo.png') }}" alt="searx logo"/>searx</h1>
             {% else %}
                 <h1 class="text-hide center-block" id="main-logo">
-                    <img class="center-block img-responsive" src="{{ url_for('static', filename='img/logo_searx_a.png') }}" alt="searx logo" style="max-width: 350px"/>
+                    <img class="center-block img-responsive" src="{{ url_for('static', filename='img/logo_searx_a.png') }}" alt="searx logo" />
                     searx
                 </h1>
             {% endif %}