Fixes

diff --cc css/mock1.css
index c344823eae4cb45f80a6f473635f18ad39a3bc5c,9f2afb9f4801ba6a8fcb5bdb8e7b050b2f0574b8..1442d447e6a0c02d575886456eca93ea0ce56dcc
--- 1/css/mock1.css
--- 2/css/mock1.css
+++ b/css/mock1.css
@@@ -284,25 -282,33 +285,38 @@@ a.hchild:hover,a.hchild:active 
  
  .copyright {
      display: flex;
 -<<<<<<< HEAD
--    height: 31px;
 -=======
 ->>>>>>> 5d841867f578c6275f3c2f058d4ee7579af22c37
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      background: rgba(var(--copyright-bg),.5);
 -<<<<<<< HEAD
 -=======
+     height: 3vh;
 ->>>>>>> 5d841867f578c6275f3c2f058d4ee7579af22c37
      color: rgba(var(--copyright-text-color),.8);
  }
--
  a.copyright {
      background: rgba(var(--copyright-bg),.5);
      margin-bottom: 0;
      margin-top: 0;
      margin-left: .5em;
      margin-right: .5em;
+     width: auto;
+     height: auto;
+ }
++.copyright a img {
++    height: 3vh;
++    width: auto;
 +}
  .copyright p {
      margin-bottom: 0;
      margin-top: 0;
      margin-left: .5em;
      margin-right: .5em;
 +    text-align: right;
  }
++@media all and (max-width: 500px) {
++    .copyright {
++        height: 5vh;
++    }
++    .copyright a img {
++        height: 5vh;
++    }
++}

diff --cc index_mock1.html
index 491ce1a89146b1a91ae8cf0ffa0f6c395b39434e,8d0bfb8107d0cd25115822a6debb7f1f0c89dbc2..236f08e267c455539890e1994c9acc1de576154f
--- 1/index_mock1.html
--- 2/index_mock1.html
+++ b/index_mock1.html
@@@ -211,11 -205,10 +211,10 @@@
      <footer class="copyright">
          <a class="copyright" href=
          "https://creativecommons.org/licenses/by-nc-sa/4.0/" target=
-         "_blank"><img alt="CC by-nc-sa" height="31px" src=
 -        "_blank"><img alt="CC by-nc-sa" style="height: 3vh; width: auto;"  src=
--        "img/by-nc-sa.svg"></a>
++        "_blank"><img alt="CC by-nc-sa"  src="img/by-nc-sa.svg"></a>
  
          <p>&copy; Copyright 2002-2016, freenode</p>
      </footer>
 +    </div>
  </body>
- </html>
+ </html>