add responsive visuals

style.css

@@ -8,24 +8,6 @@
  Version:      0.8
 */
 
-/*************************************************************/
-/*classes wordpress*/
-/*************************************************************/
-@media screen and ( min-width: 67em ) {
-    .wrap {
-        max-width: 900px;
-        padding: 28px;
-    }
-
-    .navigation-top .wrap {
-        max-width: 900px;
-    }
-}
-
-.entry-title {
-    color: #4891bf;
-}
-
 /*************************************************************/
 /*header*/
 /*************************************************************/
@@ -66,6 +48,26 @@
 .adullact-search-bar {
     width: 70%;
 }
+@media screen and ( max-width: 66.99em ) {
+    .adullact-header {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: space-between;
+    }
+    .adullact-reseaux-sociaux-searchbar {
+        display: flex;
+        flex-direction: column;
+        width: 80%;
+        max-width:20em;
+        align-items: center;
+    }
+    .adullact-search-bar
+    {
+        margin-bottom:3em;
+        width:100%;
+    }
+}
 
 /*************************************************************/
 /*Accueil*/
@@ -429,4 +431,21 @@ que comme cela
 #adullact-contact-informations {
     text-align: center;
     padding: 7px;
-}
\ No newline at end of file
+}
+/*************************************************************/
+/*classes wordpress*/
+/*************************************************************/
+@media screen and ( min-width: 67em ) {
+    .wrap {
+        max-width: 900px;
+        padding: 28px;
+    }
+
+    .navigation-top .wrap {
+        max-width: 900px;
+    }
+}
+
+.entry-title {
+    color: #4891bf;
+}