html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

a {
    background-color: transparent
}

b,strong {
    font-weight: bolder
}

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
}

body,button,input,optgroup,select,textarea {
    color: #040402;
    font-family: "Helvetica Neue",Helvetica,Arial,Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"Nimbus Sans L","Liberation Sans",Tahoma,Geneva,sans-serif;
    font-size: calc(15px + 4 * (100vw / 1500));
    line-height: 1.5
}

h1,h2,h3,h4,h5,h6 {
    clear: both
}

p {
    margin-bottom: 1.5em
}

html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

body {
    background-color: #fffefc;
    border-top: .4rem solid
}

ol {
    list-style: decimal
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 1em 0
}

button,input[type=button],input[type=reset],input[type=submit] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0,0,0,.8);
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    padding: .6em 1em .4em
}

input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px
}

a {
    color: #040402;
    text-decoration: none;
    border-bottom: .2em solid transparent
}

a:visited {
    color: #040402
}

a:active,a:focus,a:hover {
    border-bottom-style: solid;
    border-bottom-color: inherit
}

a:active,a:hover {
    outline: 0
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.hentry {
    margin: 0 0 1.5em
}

header#masthead {
    display: flex;
    align-items: center;
    max-width: 69em;
    margin: 2em auto;
    padding: 0 1em
}

header#masthead h1,header#masthead p {
    font-size: 1em;
    line-height: 1em;
    font-weight: 700;
    flex: 1;
    margin: 0
}

header#masthead a {
    border-bottom: unset
}

header#masthead>a {
    font-weight: 700
}

#content {
    max-width: 33em;
    margin: 0 auto;
    padding: 0 1em
}

article a,nav a {
    background: #fcf8f3 none repeat scroll 0 0;
    border-bottom: .1em dotted;
    line-height: 1.6em
}

article>header>h1,article>header>h2 {
    font-size: 2.4em;
    line-height: 1em;
    margin: 0 0 .4em 0
}