Improved site and network pages. Fixed various issues.

public/css/style.css

@@ -224,12 +224,16 @@
 /* $primary: #ff886c; */
 .header[data-v-3e57cf44] {
   display: flex;
+  flex-wrap: wrap;
   justify-content: space-between;
-  padding: 1rem;
 }
 .title[data-v-3e57cf44] {
-  display: inline-block;
-  margin: 0 .5rem 0 0;
+  display: inline-flex;
+  align-items: top;
+  margin: 0 1rem 0 0;
+}
+.title:hover .icon[data-v-3e57cf44] {
+    fill: #ff6c88;
 }
 .heading[data-v-3e57cf44] {
   padding: 0;
@@ -242,17 +246,26 @@
   align-items: flex-end;
 }
 .logo[data-v-3e57cf44] {
-  height: 3rem;
+  width: 15rem;
+  max-height: 8rem;
+  -o-object-fit: contain;
+     object-fit: contain;
+  margin: 0 .5rem 1rem 0;
 }
 .networklogo-container[data-v-3e57cf44] {
-  color: rgba(0, 0, 0, 0.5);
-  display: block;
-  margin: .5rem 0 0 0;
+  display: flex;
+  align-items: center;
 }
 .networklogo[data-v-3e57cf44] {
   color: #222;
-  height: 1rem;
+  width: 15rem;
+  max-height: 6rem;
   font-weight: bold;
+  -o-object-fit: contain;
+     object-fit: contain;
+  -o-object-position: 100% 0;
+     object-position: 100% 0;
+  margin: 0 0 0 .5rem;
 }
 .sites[data-v-3e57cf44],
 .scenes[data-v-3e57cf44] {
@@ -280,12 +293,12 @@
   text-decoration: none;
 }
 .logo[data-v-f4958086] {
-  color: #222;
   width: 100%;
+  height: 5rem;
+  color: #222;
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 3rem;
   -o-object-fit: contain;
      object-fit: contain;
   font-size: 1rem;
@@ -302,28 +315,39 @@
 /* $primary: #ff886c; */
 .header[data-v-757c14c2] {
   display: flex;
+  flex-wrap: wrap;
   justify-content: space-between;
-  padding: 1rem;
+  align-items: top;
+  margin: 0 0 2rem 0;
 }
 .title[data-v-757c14c2] {
-  display: inline-block;
-  margin: 0 .5rem 0 0;
+  display: inline-flex;
+  align-items: top;
+  margin: 0 1rem 0 0;
 }
-.heading[data-v-757c14c2] {
-  padding: 0;
-  margin: 0 0 1rem 0;
+.title:hover .icon[data-v-757c14c2] {
+    fill: #ff6c88;
 }
 .logo[data-v-757c14c2] {
-  height: 3rem;
+  width: 20rem;
+  max-height: 8rem;
+  -o-object-fit: contain;
+     object-fit: contain;
+  margin: 0 .5rem 0 0;
 }
 .sites[data-v-757c14c2] {
   display: grid;
   grid-gap: 1rem;
-  margin: 0 0 1rem 0;
+  margin: 0 0 2rem 0;
 }
 .sites[data-v-757c14c2] {
   grid-template-columns: repeat(auto-fit, 15rem);
 }
+@media (max-width: 720px) {
+.sites[data-v-757c14c2] {
+    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
+}
+}
 
 /* $primary: #ff886c; */
 .header[data-v-677a8360] {
@@ -417,7 +441,9 @@ body {
 
 .heading {
   color: #ff6c88;
-  margin: 0 0 1rem 0; }
+  padding: 0;
+  margin: 0 0 1rem 0;
+  font-size: 1.5rem; }
 
 .icon.icon-href {
   fill: rgba(0, 0, 0, 0.5); }