html, body
{   min-height: 100%;}
body
{   margin: 0;
    color: #222222;
    font-size: 1em;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    background-image: url('images/fftLogo.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;}
.masthead
{   text-align: center;
    padding: clamp(2em, 8vw, 6em) 1em;
    color: #bdd8ea;}
.masthead-intro
{   margin-bottom: 0.1em;
    font-size: clamp(1.25em, 32vw, 5em);
    color: #e43702;
    letter-spacing: -0.05em;
    font-stretch: 85%;
    font-weight: normal;
}   
.masthead-heading
{   margin-top: -0.2em;
    font-weight: bold;
    font-style: italic;
    font-size: clamp(24px, 4vw, 48px);
    font-stretch: 75%;
    letter-spacing: -0.02em;
    color: #000000;
}
.masthead-figure
{   margin: clamp(1.5em, 6vw, 3em) 0;}
.masthead-image
{   max-width: 75%;
    height: auto;
    max-height: clamp(150px, 40vw, 300px);
    vertical-align: middle;}
.masthead-post
{   margin-bottom: 0.1em;
    font-size: clamp(1.15em, 4vw, 1.5em);
    font-style: italic;}
.links
{   margin-top: 50px;
    text-align: center;}
.button
{   border: none;
    padding : 20px;
    appearance: none;   
    background-color: inherit;
    cursor: pointer;
    font-size: 1.25em;}
button:hover
{   transform: scale(1.1, 1.1);}