@charset "utf-8";
 :root {
     font-size: 16px;
 }
 * {
     box-sizing: border-box;
     margin: 0;
 }
 html {
     min-height: 100%;
 }
 body {
     color: #000;
     font: 1em/1.3em Arial, sans-serif;
 }
 #wrapper {
     position: relative;
     max-width: 800px;
     margin: 1rem auto;
     border: solid 1px #000;
     background: url('../images/bg.jpg') no-repeat top 5% left 1%;
     overflow: hidden;
 }
 p {
     padding-bottom: 0.5rem;
     text-align: justify;
     hyphens: auto;
 }
 h1 {
     margin: 0.25rem 0 0.5rem;
     font-size: 2.992em;
     line-height: 1.1;
     text-align: center;
     text-decoration: underline;
 }
 h2 {
     font-size: 1em;
     line-height: 1.3;
 }
 :is(a:link, a:visited, a:hover, a:active) {
     color: #000;
     text-decoration: none;
 }
 img {
     max-width: 100%;
     height: auto;
     vertical-align: middle;
 }
 ul {
     padding: 0 0 0.75rem;
     list-style: none;
 }
 ul li {
     padding-left: 1.625rem;
 }
 ul li:before {
     content: "•";
     font-size: 1.3em;
     float: left;
     margin: -4px 0 0 -1.75rem;
 }
 h2, li {
     font-size: 1.125em;
     line-height: 1.3;
 }
 header {
     padding: 1.75rem 1.5rem 0 7rem;
     display: flex;
     justify-content: space-between;
 }
 header p {
    width: 50%;
 }
 article {
     padding: 0 1rem 0 7rem;
 }
 .big {
    margin-left: -6rem;
    font-size: 1.25em;
    line-height: 1.3;
    padding: 1rem 0 1.25rem;
 }
 footer {
     padding: 0 1rem 0.25rem;
 }
 footer p {
    font-size: 1.15em;
    line-height: 1.3;
 }
 footer p:first-of-type {
     font-size: 1.33em;
     line-height: 1.25em;
     padding: 0 0 1rem;
 }
 footer p, .big {
     text-align: center;
 }
 @media only screen and (max-width:799px) {
     #wrapper {
         border: none;
         margin: 0 auto;
         background: #FFF;
     }
     header, article {
         padding: 0.5rem 1rem 0;
     }
     header {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
     }
     header p {
        width: auto;
     }
     p :is(a, span) {
         display: inline-block;
     }
     p {
         text-align: left;
     }
     br {
        display: none;
     }
       .big {
        margin-left: 0;
     }
     h1 {
         font-size: 2.5em;
         line-height: 1.3em;
         margin-bottom: 1rem;
     }
     footer p:first-of-type {
         font-size: 1.25em;
     }
 }
 @media only screen and (max-width: 560px) {
    h1 {
        font-size: 2em;
    }
}