Передвинуть div с header под flex контейнер

Есть код.

<div class="container">
<header>
    <div class="title">
        <h3>Travelling to Asia</h3>
    </div>
    <div class="contact">
        <h2>Contact us</h2>
        <p>+12 34 567 8910</br>
            [email protected]</p>
    </div>
</header>
<div class="content">
</div>
<footer>
    <p>Copyright (c) asia-holidays.com. 2010
    </p>
</footer>

Нужно переместить contact под content. Пробовал и float:none и clear, не могу прийти к результату.

    header {
    padding-top: 12%;
    height: 80px;
    display: flex;
    align-items: flex-end;
}
.content {
    margin-left: 4%;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
}