/* COMMON */

/* HEADER */
header {
    margin: 25px 0 30px 0;
}
header .logo {
    width: 150px;
    height: auto;
    float: left;
    margin-bottom: 30px;
}
header h1 {
    clear: both;
    font-size: 48px;
}

/* NAV */
.nav-open {
    top: 10px;
}

.nav .nav-primary {
    margin-top: 30px;
    font-size: 40px;
}
.nav .nav-secondary {
    font-size: 32px;
}
.nav .nav-more {
    font-size: 21px;
}


/* CARDS */
.card {
    width: 80%;
    max-width: 420px;
    margin-bottom: 30px;
}

.card h2 {
    font-size: 36px;
}

/* FOOTER */
footer {
    margin-bottom: 100px;
}
.bottom {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 40px;
    text-align: center;
}
.users {
    margin-top: 30px;
}
.social {
    margin-bottom: 30px;
}

/* TICKER */

.ticker {
    animation-duration: 30s;
}

@keyframes ticker {
    0% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(-500vw, 0, 0);
    }
}