/**
 * Page Layout
 * Copyright 2022, Robert Wolff. All rights reserved.
 */
/* Rows */
.row { display: flex; flex-flow: row wrap; }
header .row { align-items: center; justify-content: space-between; }
.banner .row { flex-flow: column nowrap; }

/* Menus */
.menu { justify-content: space-around; }

/* Top */
.top-0 { flex: 1; order: 2; text-align: right; }
.top-1 { flex: 1; order: 1; }

/* Narrow */
@media only screen and (max-width: 599px) {
    .header-img { width: 100%; height: auto; }
    .user { width: 100%; }
    .user-login { margin: 0 auto; flex-flow: column; width: 100%; }
    .user-login input { width: 100%; }
    .banner-overlay { margin: 0; }
    .banner-overlay h2 { font-size: 1.6em; }
    .task-item { flex: 1 1 100%; }
    .task-item h3 { text-align: center; }
    .audience-item { flex: 1 1 100%; }
}

/* Medium */
@media only screen and (min-width: 600px) {
    .header-img { height: 96px; }
    .task-item { flex: 1 1 300px; }
    .audience-item { flex: 1 1 300px; }
}

/* Wide */
@media only screen and (min-width: 1024px) {
    .task-item { flex: 1 1 180px; }
    .audience-item { flex: 1 1 180px; }
}