/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
h1 {
    font-size:2em;
    margin:.67em 0
}
hr {
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre {
    font-family:monospace,monospace;
    font-size:1em
}
a {
    background-color:transparent
}
abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,
strong {
    font-weight:bolder
}
code,
kbd,
samp {
    font-family:monospace,monospace;
    font-size:1em
}
small {
    font-size:80%
}
sub,
sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
img {
    border-style:none
}
button,
input,
optgroup,
select,
textarea {
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,
input {
    overflow:visible
}
button,
select {
    text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline:1px dotted ButtonText
}
fieldset {
    padding:.35em .75em .625em
}
legend {
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress {
    vertical-align:baseline
}
textarea {
    overflow:auto
}
[type=checkbox],
[type=radio] {
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
details {
    display:block
}
summary {
    display:list-item
}
template {
    display:none
}
[hidden] {
    display:none
}



body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
    background: #fff;
    z-index: 0;

}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    background: #558050;
}

body {
    border: solid 5px #558050;
    color: #efefef;
    line-height: 1.5;
}
@media (min-width:768px) {
    body {
        border-width: 10px;
    }
}


.box {
    width: 100%;
    max-width: 800px;
    color: #558050;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}



.brand {
    margin: 0 0 2em 0;
}

h1 {
    letter-spacing: 0.08em;
    font-size: 20px;
}

p {
    letter-spacing:0.09em
}