@media only screen and (max-width: 1400px){
    .view-homepage-splash .views-field-body{
        font-size: 2.86vw;
    }
    #block-system-main-menu ul.menu li{
        margin-right: 3.9%;
    }
    #block-system-main-menu ul.menu li a{
        font-size: 2vw;
    }
    .home-block .block-content, .home-block .block-content a{
        font-size: 1.7vw;
    }
}

@media only screen and (max-width: 1150px){
    #page > header, #menu-bar, #columns, footer {
        padding-left: 2.858%;
        padding-right: 2.858%;
    }
}

@media only screen and (max-width: 900px){
    .burger,
    .page-user .views-field-field-last-name.user-full-name-mobile{
        display: block;
    }
    
    #menu-bar,
    .mit-logo,
    .user-menu,
    .utility-menu,
    #block-menu-block-1,
    .last-name-filter,
    .page-user .views-field-field-last-name,
    .calendar-switch-wrap{
        display: none;
    }
    
    #page > header{
        border-bottom: none;
        padding-bottom: 23px;
    }
    .one-sidebar.sidebar-first #main-content{
        padding-left: 0;
    }
    #block-views-exp-people-view-page,
    #block-views-exp-events-calendar-page-1,
    #block-views-exp-publications-page,
    #block-views-exp-publications-page-1,
    #block-views-exp-publications-page-2{
        background: #FFF;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 30px;
        display: none;
        box-sizing: border-box;
        max-width: 305px;
        -webkit-box-shadow: inset -9px 0px 32px -22px rgba(0,0,0,0.4);
        -moz-box-shadow: inset -9px 0px 32px -22px rgba(0,0,0,0.4);
        box-shadow: inset -9px 0px 32px -22px rgba(0,0,0,0.4);
        z-index: 9;
    }
    .mobile-filter-buttons,
    .close-filters{
        display: block;
        float: right;
    }
    
    .person-sidebar-info{
        border-bottom: 1px solid #a45658;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }
    .page-user .user-full-name-mobile{
        font-size: 20px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 780px){
    #block-block-4{
        margin-right: 3%;
    }
    .content-inner .home-block,
    .content-inner .home-block:last-child{
        float: none;
        width: auto;
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .home-block .block-content, .home-block .block-content a{
        font-size: 18px;
    }
}

@media only screen and (max-width: 700px){
    .region-footer .block,
    #block-block-4{
        float: none;
    }
    .region-footer p{
        margin: 0;
    }
    .people-grid .views-row,
    .people-grid .views-row:nth-child(3n+2){
        margin-left: 7%;
        margin-right: 7%;
        width: 35.6%;
    }

}

@media only screen and (max-width: 600px){
    #logo a{
        max-width: 163px;
        height: 32px;
    }
    #logo img{
        position: relative;
        left: -245px;
    }
    .view-homepage-splash .views-field-body{
        font-size: 16px;    
    }
    .view-homepage-splash .views-field-field-url a{
        font-size: 14px;
    }
    .view-homepage-splash .views-row{
        position: relative;
        overflow: hidden;
    }
    .view-homepage-splash .views-field-field-content-image{
        position: absolute;
    }
    .view-homepage-splash .views-field-field-content-image img{
        max-width: none;
        width: auto;
        height: 100%;
    }
    .view-homepage-splash .views-field-nothing{
        position: relative;
    }
    .announcements-page-list .views-field-field-content-image, .announcements-page-list .views-field-nothing{
        display: block;
    }
    .announcements-page-list .views-field-field-content-image{
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 530px){
    .people-grid .views-row, .people-grid .views-row:nth-child(3n+2) {
        margin-left: auto;
        margin-right: auto;
        width: auto;
        float: none;
        max-width: 250px;
    }
}
@media only screen and (max-width: 460px){
    .view-sponsors .views-row{
        width: 49%;
    }
}