html, body {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    margin: 0;
}

body > .container {
    background: url('./images/background.jpg');
    background-size: 33rem;
    background-repeat: no-repeat;
    min-height: 72rem;
    background-position: bottom center;
}

header > h1 {
    background-image: url('./images/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 22rem;
    height: 8rem;
    margin: 0 auto;
    text-indent: -9999px;
}

main {
    background-image: url('./images/cuistot.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: 16rem;
    margin: 2rem;
    padding-top: 13rem;
}

main > * {
    box-sizing: border-box;
    display: block;
    max-width: 22rem;
    margin: 0 auto;
}

main > h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

p.info {
    font-size: 1rem;
    text-align: center;
}

p.subtitle {
    font-size: 0.9rem;
    margin-bottom: 2rem;
}

strong.highlight {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    padding: 0 4rem;
    text-align: center;
}