@media screen and ( min-width: 769px ) {

    .logo-container {
        background: url('../images/header-desktop.svg') center center no-repeat;
        height: 100px;
    }

    .logo-container .wrapper {
        grid-template-columns: 1fr 1fr;
        height: 100px;
    }

    .logo-container .spacer { display: none; }

    .logo {
        justify-self: left;
    }

    .main-menu-toggle {
        justify-self: right;
    }

    .main-menu-toggle::before {
        content: 'Menu';
        font-weight: normal;
        text-transform: uppercase;
        padding-right: 5px;
        display: inline-block;
    }

    .nav-active .main-menu-toggle::before {
        content: 'Close Menu';
    }

    .main-menu-toggle:hover {
        color: var(--yellow);
    }

    .home .hero-image {
        min-height: 655px;
    }

    .home.nav-active .hero-image {
        min-height: 100px;
    }

    .menu ul {
        margin-left: 0;
    }

    .asw .listing .list-view {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .asw .sep-page .container {
        width: 100%;
    }
    
    .asw .sep-page .list-view article .date {
        margin: 0;
        position: static;
        width: 100%;
    }
    
    .asw .sep-page .list-view article .description {
        margin: 0;
    }
    
    .asw .sep-page .event-grid-item:hover h3 a {
        color: var(--orange);
    }

    .tiles-grid {
        display: flex;
        grid-gap: 0;
        justify-content: stretch;
    }
    
    .program-tiles {
        width: 100%;
    }
    
    .program-tile {
        flex-basis: auto;
        padding-top: 400px;
        transition: all 250ms linear 0s;
        width: 100%;
    }
    
    .program-tile:hover {
        transition: all 250ms linear 0s;
        width: 120%;
    }
    
    .program-name {
        align-items: center;
        display: flex;
        height: 4rem;
        justify-content: center;
    }
    
    .program-tile:hover .program-description {
        top: 0;
        transition: all 250ms linear 0s;
    }
    
    .program-description {
        align-items: center;
        display: flex;
        height: calc( 100% - 4rem );
        max-height: unset;
        padding: 1rem;
        position: absolute;
        text-transform: none;
        top: 100%;
        transition: all 250ms linear 0s;
        width: 100%;
    }

    .posts-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .footer-columns {
        grid-template-columns: repeat(3, 1fr);
    }

    .nav-newsletter-signup #mc_embed_signup_scroll {
        display: flex;
    }
    
    .nav-support-button a {
        margin: 0 0 0 1rem;
        padding: 0 2rem;
    }
    
    .menu-extras {
        display: flex;
        margin: 2rem 0;
        justify-content: stretch;
    }
    
    .nav-newsletter-signup {
        margin-top: 0;
    }

    #menu-main-menu {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        margin-top: 1rem;
    }

    .subnavigation {
        font-size: 1.25rem;
        padding: 0.5rem 0;
        text-transform: uppercase;
    }

    .subnavigation .child-links ul {
        display: flex;
        flex-wrap: wrap;
    }

    .subnavigation .parent a:hover {
        color: var(--orange);
    }
    
    .subnavigation li:not(:last-of-type):after {
        content: '|';
        display: inline-block;
        margin: 0 0.5rem;
        opacity: 0.25;
    }

    .subnavigation .child-links .current {
        display: none;
    }

    .events-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .archive .grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .contact-form .columns-2 {
        display: grid;
        grid-column-gap: 1rem;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .contact-form input[type=submit] {
        cursor: pointer;
        float: right;
        max-width: 300px;
    }
    
    .contact-form input[type=submit]:hover {
        box-shadow: 3px 3px 0px black;
    }

    .press-links {
        grid-template-columns: repeat(3, 1fr);
    }

    #menu-main-menu > li {
        margin: 0 0.5rem;
    }
    
    #menu-main-menu > li:first-of-type {
        margin-left: 0;
    }
    
    #menu-main-menu > li:last-of-type {
        margin-right: 0;
    }

    .events-query-grid,
    .events-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hero-video video {
        margin-top: 0;
    }
    
    .hero-video .buttons {
        top: 6rem;
        right: 2rem;
    }

    .hero-video-content {
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .hero-video-content .page-width {
        max-width: 800px;
    }

}

@media ( min-width: 1080px ) {
    .welcome-positioner {
        background: transparent;
        align-items: center;
        display: flex;
        height: calc( 100% - 100px );
        opacity: 1;
        position: absolute;
        top: 100px;
        transition: all 250ms linear;
        z-index: 0;
    }

    .nav-active .welcome-positioner {
        opacity: 0;
        transition: all 250ms linear;
    }

    .welcome-positioner .text-container {
        background-color: rgba(0,0,0,0.65);
        padding: 1rem;
    }

    .welcome-positioner .text-container p {
        margin-bottom: 1em;
    }

    .home section {
        padding: 2rem 0;
    }

    .events-query-grid,
    .events-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}