@media (max-width:1440px) {
    
}
@media (max-width:960px) {
    .footer .disclaimer{
        flex-direction: column;
    }
    .footer .disclaimer .right{
        text-align: left;
        margin-top:8px;
    }
    .section.work.project .project-container .tile-wrapper{
        flex-direction: column;
        display: flex;
        position: relative;
        left:auto;
    }
    .section.work.project .project-container{
        height: 1128px;
        justify-content: center;
        display: flex;
    }
    .section.work.project .project-container .tile-wrapper .work-list-item{
        margin-left:0px;
    }
    .section.work.project .project-container .tile-wrapper .work-list-item.inactive{
        display: none;
    }
    .header ul{
        top:16px;
        width:90%;
    }
    
    .header ul li a {
        background:rgba(255,255,255,0.2)
    }
    .best-viewed {
        top:auto;
        bottom:0px;
    }
    .backToTop{
        bottom:72px;
    }
    .best-viewed.hide{
        bottom:-120px;
        top:auto;
    }
    .section-header{
        margin-top:0px;
    }
    .header img {
        width:  180%; 
        padding-top: 24px;
    }
    .header img.book-float,
    .header .book-float{
        left:8%;
        width:48px;
        height:36px;
        bottom:-20px;
    }
    .title, .overview{
        padding:32px 24px;
    }
    .title .yellow-ball {
        top:90%;   
    }
    .research-cover{
        padding:64px 24px;
        width:auto;
    }
    .research-cover h2 {
        font-size:32px;   
    }
    .research-cover p.subtext {
        font-size:20px;   
    }
    .research-cover h4 {
        font-size:20px;   
    }
    .mypeassessment {
        width:100%;
    }
    .mypeassessment .knowmore{
        width:auto;
    }
    .mypeassessment .knowmore img{
        width:100%;
    }
    .knowmore .bg-tile.media-banner {
        transform:scale(0.8);
    }
    .infograph{
        width:100% !important;
    }
    .highlights .section {
        width:auto;
    }
    .highlights {
        width:90%;
        padding:5%;
    }
    img.flexibleImg{
        width:100% !important;
    }
    .highlights.toddle .section-cover{
        background:#ffffff !important;
        padding-top:32px !important;
    }
    .highlights.toddle .section-cover.toddle {
        display: none;   
    }
    .highlights.toddle .section-cover .section.toddle {
        transform:scale(0.3);
        display: none;
    }
    .highlights.toddle .section-cover h2.toddle {
        font-size:32px;
        padding:0px !important;
        margin:0px;
    }
    .highlights .youtubeVid{
        padding:0px !important;
        margin:0px;
    }

    .mobileMsg{
        display: flex;
    }
    
}
@media (max-width: 640px){
    .header ul li.optional{
        display: none;
    }
    .header ul li.mobileOnly{
        display: block;
    }
    .overview .myrole {
        flex-direction: column;
        gap:32px;
        margin-top:40px;
    }
    .overview .research-links .section-wrapper {
        flex-direction: column;
        padding:0px 32px;
    }
    .overview .research-links .section-wrapper .section:not(:first-child) {
        border-top: 1px solid rgba(255, 192, 192, 0.50);
        border-left:0px;
    }
    .overview .research-links .section-wrapper a.section{
        padding:24px 0px;
        position: relative;
    }
    .overview .research-links .section-wrapper .section .link{
        position: absolute;
        top:12px;
        right:0px;
    }
    .overview .research-links .section-wrapper .section .link span{
        display: none;
    }
    
    .section.work .tile-wrapper .work-list-item{
        margin-left: 0px;
        transform: scale(0.95);
        margin-right:0px;
    }
    .section.work .tile-wrapper .work-list-item:hover:not(.inactive){
        transform: scale(0.95);
    }
    
    .best-viewed{
        display:flex;
    }
    .footer ul {
        padding:8px 12px;   
        margin:0px;
        border-radius: 0px;
    }
    .footer ul li a.largeScreen{
        display: none;
    }
    .footer ul li.last-child.smallScreen.smallScreen{
        display:block;
    }
    .footer ul li.last-child.smallScreen{
        background: none;
        float: left;
    }
    .footer ul li.last-child.smallScreen a{
        padding:0px;
    }
    .footer ul li {
        margin:6px;
    }
    .footer {
        background: #D4D9D5;
        padding-top:0px;
        padding-bottom:32px;
    }
    .footer .disclaimer p{
        margin: 8px 8px 0px 16px;
    }
    .showcase_wrapper .showcase_box {
        width:auto !important;   
    }
    .showcase_wrapper.bayzat .showcase_box{
        width:auto !important; 
        min-width: 108px;
        flex: 1;
    }
    .showcase_wrapper.bayzat{
        width:auto;
        flex-wrap: wrap;
    }
    .showcase_wrapper:not(.bayzat){
        width:100%;  
        flex-direction: column;
    }
    .highlights .section .imageContainer {
        float:none;
        margin:24px auto 40px auto;
        display: block;
    }
    
}