/* BODY */
body {
    font-family: 'Work Sans', sans-serif;
}

/* HEADER */
#header {
    padding: 70px 0;
    padding-top: 100px;
    text-align: center;
    font-size: 2em;
    color: #001f3f;
}
    #header img {
        padding: 0 20px;
    }
    #header #lifework-logo {
        width: 50%;
    }
    #header h2 {
        font-size: 150%;
    }
    #header h3 {
        font-weight: 300;
    }

/* VIDEO */
#vid {
    background-image: url("../img/lifework/video.png");
    background-attachment: fixed;
}
    #vid #video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    }
    #vid #video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* ABOUT */
#about {
    padding: 80px 0;
    background-image: url("../img/lifework/about.png");
    color: white;
    text-align: center;
}
    #about h4 {
        font-size: 2em;
        font-weight: 300;
    }
    #about h2 {
        font-size: 400%;
    }
    #about h3 {
        font-size: 210%;
    }
    #about p {
        font-size: 145%;
        font-weight: 300;
    }

/* ABOUT2 */
#about2 {
    padding: 80px 0;
    background: url("../img/lifework/about2.jpg");
    background-attachment: fixed;
    background-size: cover;
    color: white;
    font-size: 150%;
    font-weight: 300;
}

/* QUOTE */
#quote {
    padding: 60px 0;
    text-align: center;
    background-image: url('../img/lifework/quotes.png');
    color: #331400;
    font-size: 180%;
}
    #quote .quote-text {
        font-size: 130%;
        font-weight: 300;
        text-shadow: 1px 1px 1px rgba(56, 24, 0, 0.23);
        padding-bottom: 20px;
        font-style: italic;
    }

    #quote p {
        margin: 0;
    }

    #quote .small-text {
        font-size: 70%;
        opacity: 0.7;
        padding-bottom: 10px;
    }

/* ABOUT3 */
#about3 {
    padding: 80px 0;
    color: white;
    background-image: url('../img/lifework/about3.jpg');
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    font-size: 160%;
}
    #about3 a {
        color: white;
        text-decoration: underline;
    }

/* FOOTER */
#footer {
    padding: 40px 0;
    background-color: #F0F0F0;
    color: #606060;
    text-align: center;
}
    #footer p {
        margin-bottom: 0;
    }
    #footer a {
        color: #606060;
        text-decoration: underline;
    }