always place logos above vendor text, use columns

[ryf-theme.git] / css / style.css

diff --git a/css/style.css b/css/style.css
index 9c04a4581b38e47f5c4367c45578de77ef042bb7..cc8b35e6954e14f48161a0b5811a0dfe8a872546 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -427,80 +427,38 @@ nav .search-block-form {
   overflow: auto;
 }
 
   overflow: auto;
 }
 

-@media screen and (max-width: 767px) {
-  .vendors-list-row {
-    margin: 0px auto;
-  }
-
-  .vendors-list {
-    margin-bottom: 40px;
-    list-style: none;
-
-    overflow: auto;
-  }
-
-  .vendors-list .views-field-field-icon {
-    width: 220px;
-
-    margin: 0px auto 20px auto;
-  }
-
-  .vendors-list .views-field-field-icon img {
-    margin: 0 auto;
-  }
-
-  .vendors-list .views-field-name,
-  .vendors-list .views-field-field-description-summary,
-  .vendors-list .views-field-description__value {
-    max-width: 300px;
-    margin: 0 auto 10px auto;
-  }
-
-  .vendors-list .views-field-name {
-    font-weight: bold;
-    font-size: 18px;
-    text-align: center;
-  }
+.vendors-list {
+  margin-bottom: 40px;
+  list-style: none;

 
 

+  overflow: auto;

 }
 
 }
 

-@media screen and (min-width: 768px) {
-  .vendors-list-row {
-    width: 600px;
-    margin: 0px auto;
-  }
-
-  .vendors-list {
-    list-style: none;
-    clear: left;
-
-    overflow: auto;
-  }
-
-  .vendors-list .views-field-field-icon {
-    width: 220px;
-    height: 220px;
+.vendors-list .views-field-field-icon {
+  width: 220px;
+  height: 220px;

 
 

-    margin-bottom: 40px;
+  display: flex;
+  align-items: center;

 
 

-    float: left;
-  }
+  margin: 0px auto 20px auto;
+}

 
 

-  .vendors-list .views-field-field-icon img {
-    margin: 0 auto;
-  }
+.vendors-list .views-field-field-icon img {
+  margin: 0 auto;
+}

 
 

-  .vendors-list .views-field-name,
-  .vendors-list .views-field-field-description-summary,
-  .vendors-list .views-field-description__value {
-    margin-left: 300px;
-  }
+.vendors-list .views-field-name,
+.vendors-list .views-field-field-description-summary,
+.vendors-list .views-field-description__value {
+  max-width: 300px;
+  margin: 0 auto 10px auto;
+}

 
 

-  .vendors-list .views-field-name {
-    margin-bottom: 10px;
-    font-weight: bold;
-    font-size: 18px;
-  }
+.vendors-list .views-field-name {
+  font-weight: bold;
+  font-size: 18px;
+  text-align: center;

 }
 
 
 }