@media (max-width: 1800px){

    .row.shiftedLeft > .shifter, .row.shiftedRight > .shifter { display: none; }
    
}

@media (max-width: 1280px){

    .intro {
        min-height: 440px;
    }
    .intro h1 {
        font-size: 42px;
    }

    .ankMenu {
        margin-top: 60px;
    }
    .ankMenu a {
        font-size: 18px;
        max-width: 250px;
        height: 60px;
        margin-bottom: 10px;
    }
    .ankMenu a img {
        width: 18px;
    }

    .listColumn {
        flex-basis: 100%;
    }    

    .glossarHeader .letter {
        font-size: 200px;
    }
    .glossarItem {        
        padding-left: 100px;
    }

    .mediaContainer .youtube {
        height: 580px;
    }

}


@media (max-width: 880px){

    header {
        height: var(--header-height-mobile);
    }
    body:not(.hasIntro) #page {
        margin-top: var(--header-height-mobile); /* Header Height */
    }

    .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    h1 {
        font-size: 32px;
    }
    h2 { font-size: 32px; }
    h3 { font-size: 30px; }
    h4 { font-size: 28px; }

    .hideMobile { display: none; }

    body.sidemenuOpen { overflow-y: hidden; }

    #content {
        padding: 60px 0;
    }
    section {
        margin-bottom: 60px;
    }
    section.post section {
        margin-bottom: 30px;
    }

    .intro {
        min-height: 360px;
    }
    .intro h1 {
        font-size: 30px;
        margin-bottom: 40px;
    }
    
    .mediaContainer {
        margin-bottom: 30px;
    }
    .mediaContainer .youtube {
        height: 240px;
    }

    .glossarHeader {
        margin-bottom: 10px;
    }
    .glossarHeader .letter {
        font-size: 120px;
        line-height: 120px;
        position: relative;
        transform: none;
    }
    .glossarItem {
        padding-left: 0;
        margin-bottom: 30px;
    }
    
    .searchResults {
        margin-top: 20px;
    }
    .searchResults article {
        margin-bottom: 40px;
    }
    .searchResults .col {
        flex-basis: 100%;
    }

    #content .col, footer .col {
        flex-basis: 100%;
    }

    .footerCopy {
        flex-direction: column;
    }
    .partnerLogos {
        flex-direction: column;
    }
    .partnerLogos a {
        margin-top: 20px;
    }

}