/* =========================
   HERO + TOP BANNER
   PATH: /assets/css/web1/hero.css
   ========================= */

.hero-table {
    width: 100%;

    background: #fff8dc;

    border: 3px dashed red;

    margin-bottom: 12px;
}

.hero-table td {
    padding: 15px;
}

.hero-table h1 {
    margin: 0;

    font-size: 74px;
    font-weight: bold;

    color: gold;

    text-shadow:
        3px 3px 0 #000,
        6px 6px 0 #777;
}

.subtitle {
    margin-top: 8px;

    font-size: 28px;
    font-weight: bold;

    color: red;
}

/* =========================
   MARQUEE
   ========================= */

marquee {
    background: #000;
    color: lime;

    margin-top: 15px;
    padding: 8px;

    font-size: 22px;
    font-weight: bold;
}

/* =========================
   TOP BANNER
   ========================= */

.top-banner {
    width: 100%;

    margin-bottom: 10px;

    background: #fffacd;

    border: 4px ridge #999;
}

.top-banner td {
    padding: 12px;

    text-align: center;

    font-size: 34px;
    font-weight: bold;

    color: blue;

    text-transform: uppercase;

    text-shadow:
        1px 1px 0 #fff,
        2px 2px 0 #bbb;
}