:root {
    --color-black: #000;
    --color-white: #fff;
    --color-edge: #fafafa;
    --color-title: #d12a2f;
    --color-link: #000;
    --color-link-hover: #d12a2f;
    --color-highlight: #d12a2f;
}

html, body {
    height: 100%;
    margin: 0; padding: 0;
}

body {
    color: var(--color-black); background-color: var(--color-white);
    font-family: "Myriad Pro", sans-serif;
    font-size: 16px; line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-title);
}

a:link, a:visited {
    color: var(--color-link);
    text-decoration: none;
}

a:hover, a:active {
    color: var(--color-link);
    text-decoration: underline;
}

.wrapper {
    display: flex;
    width: 100%; height: 100%;
    justify-content: center;
    align-items: center;
}

.content {
    text-align: center;
}

.logo {
    margin-bottom: 5rem;
}

.logo img {
    display: block;
    margin: 0 auto 2rem auto;
}

h2 {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
}

p {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: bold;
}

p span {
    color: var(--color-highlight);
}

@media only screen and (max-width: 979px)  /*  767  */ {
    .logo img {
        width: 90%; height: auto;
    }

    h2, p {
        font-size: 1.1rem;
    }
}