<header>
    <a class="logo" href="#">Бюлетень милих щенят!</a>
</header>

<article>
    <header>
        <h1>Джек-рассел-тер'єри</h1>
        <time>08.12.2014</time>
    </header>
    <p>Я <em>так сильно</em> обожнюю Джек-рассел-тер'єрів! Типу, справді сильно. Вони чудові, гарні й веселі!</p>
</article>

.logo {
    background: left / cover url('/media/examples/puppy-header-logo.jpg');
    display: flex;
    height: 120px;
    align-items: center;
    justify-content: center;
    font: bold calc(1em + 2 * (100vw - 120px) / 100) 'Dancing Script', fantasy;
    color: #ff0083;
    text-shadow: #000 2px 2px 0.2rem;
}

header > h1 {
    margin-bottom: 0;
}

header > time {
    font: italic 0.7rem sans-serif;
}