body {
  background-color:#ececec;
  font-family: helvetica;
  max-width: 650px;
  margin: 0 auto;
}

header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 2em auto;
    width: 100%;
}

img {
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated; /* Chrome */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}
.leftheader {
    flex: 1;    
    width: 30%;
    margin-right:3em;
}

.rightheader  {
    flex: 1;
    align: right;
}

.mysite {
    width: 45%;
}

.boasts {
    text-align: right;
    margin-bottom: 1em;
    margin-top: 1em;
    /* width: 72%; */
}

.boastheader {
    display: inline-block;
    text-align: left;
    margin-bottom: 0px;
}

.leftboast {
    display: inline-block;
    text-align: left;
    padding-right: 3em;
    width: 15em;
}

.wallgraphic {
    vertical-align: bottom;
    margin-top: 1em;
    margin-bottom: -0.5 em;
}

.boosttext {
    margin-top: 0.25em;
}

.piggo {
    margin: 4em auto 4em auto;
    display: block;
}

.boastlink {
    color: inherit;
    text-decoration: none;
}