* {
     margin: 0;
     padding: 0
 }

 body {
     background: #fdfcfe
 }

 @media (max-width: 1024px) {
     .container {
         width: 90%
     }

     .foot {
         font-size: .6em
     }

     .wrapper {
         font-size: 1.1em
     }
 }

 @media (min-width: 1025px) {
     .container {
         width: 40%
     }

     .foot {
         font-size: .7em
     }

     .wrapper {
         font-size: 1.4em
     }
 }

 .foot {
     border-top: 2px solid black;
     padding-top: .1em;
     width: 50%;
     margin-left: auto;
     margin-right: auto;
     font-family: "Lucida Console", Courier, monospace;
 }

 .container {
     padding-top: 2em;
     margin-left: auto;
     margin-right: auto
 }

 .wrapper {
     width: 100%;
     display: block;
     margin-left: auto;
     margin-right: auto;
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
 }


 .wrapper img {
     width: 35%;
     margin-bottom: .5em;
     display: block;
     margin-left: auto;
     margin-right: auto
 }

 .wrapper a {
     display: block;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     margin-bottom: 2em;
 }

 a,
 a:visited {
     text-decoration: none;
     color: #68151d
 }

 a:hover {
     color: #154e57
 }