/* Large devices (992px and up) */
@media (min-width: 992px) {
    /* ---------- Header ---------- */

    #header-bar-background {
        position: fixed;
    }

    #header-bar-content {
        position: fixed;
        top: 0.5em;
        left: 3%;
        width: 94%;
    }

    #header-bar-content-logo {
        width: 19%;
    }

    /* Nav */
    nav {
        position: static;
        display: inline-block;
        vertical-align: middle;
        width: 80%;
        height: 3em;
        padding: 0.2em;
        background: none;
        overflow: hidden;
        text-align: right;
        font-size: 1.13em;
        font-weight: 400;
    }

    nav.nav-visible {
        top: 2em;
    }

    nav ul {
        padding: 0;
    }

    nav ul li {
        display: inline-block;
        list-style-type: none;
        margin: 0.5em 0.2em;
        text-transform: uppercase;
    }

    nav ul li a {
        padding: 0 4em;
        text-decoration: none;
        opacity: 0.5;
        color: white;
    }

    nav ul li a:hover {
        opacity: 1;
        color: white;
    }

    nav ul li.active {
        border-left: 0 black;
    }

    nav ul li.active a {
        opacity: 1;
    }

    #nav-toggle {
        display: none;
    }

    #header-content {
        padding: 4em;
        max-width: 100%;
        overflow-x: hidden;
    }

    #header-welcome #header-content div {
        left: calc(75% - 15em);
        top: 15em;
    }

    #header-team #header-content div {
        left: 60%;
        top: 8em;
    }

    #header-partners #header-content div {
        left: 60%;
        top: 19em;
    }

    #header-activity #header-content div {
        left: 10%;
    }

    #header-resources #header-content div {
        left: 10%;
    }

    #header-getinvolved #header-content div {
        left: calc(75% - 15em);
        top: 10em;
    }

    #header-news #header-content div {
        left: calc(75% - 15em);
        top: 10em;
    }

    #header-content-tagline {
        left: 10%;
        top: 10em;
    }

    #header-content-tagline-primary {
        width: 15em;
        font-size: 2em;
        padding: 0.8em;
    }

    #header-content-tagline-secondary {
        width: 20em;
        font-size: 1.5em;
        padding: 1em;
    }

    #header-to-main {
        display: block;
        font-size: 3em;
        position: relative;
        bottom: 1em;
        height: 1.4em;
        left: calc(50% - 1.25em);
        margin-top: -1.3em;
        width: 2.5em;
        text-align: center;
        padding: 0;
        cursor: pointer;
        background-color: #574b90;
        border: 3px solid #574b90;
        color: white;
    }

    #header-to-main:hover {
        background-color: #786fa6;
        border: 3px solid #786fa6;
    }

    /* ---------- Team ---------- */

    .team-projectsupporter {
        width: 49.5%;
    }

    /* ---------- Footer ---------- */

    footer {
        padding: 1.3em 0;
    }
}