/* Styles for screens smaller than 768px */ 
@media screen and (max-width: 767px) { 
  
    /* Hide desktop-specific elements on mobile */ 
    #header, 
    #blue_strip, 
    #footer, 
    #news_highlight, 
    #content_wrap2, 
    #research_info, 
    #home_video, 
    #footer-middle { 
        display: none; 
    } 
  
    /* Display mobile-specific elements */ 
    #header_mobile { 
        background-color: #48547c; 
        padding: 1% 5% 0.1% 5%; 
        font-family: 'Century Gothic'; 
    } 
  
    #footer_mobile { 
        background-color: #2f364f; 
        padding: 1% 0% 0 2%; 
        font-family: 'Arial'; 
        font-size: small; 
    } 
  
    /* Mobile-specific content wrapping */ 
    #content_wrap_mobile { 
        margin: 2%; 
    } 
  
    /* Center images in mobile */ 
    #mobile_people_pic { 
        display: block; 
        margin: 2% auto; 
        width: 50%; 
    } 
  
    #mobile_news_pic { 
        display: block; 
        margin: 2% auto; 
        width: 90%; 
    } 
  
    /* Research page mobile-specific adjustments */ 
    #research_info_mobile { 
        text-align: center; 
    } 
  
    /* Index page mobile-specific layout */ 
    #mobile_news_highlight { 
        padding: 0 3% 0 3%; 
        text-align: center; 
    } 
  
    /* People page mobile-specific text */ 
    #people_text_mobile { 
        display: inline-block; 
        font-size: 20px; 
        padding-left: 20px; 
    } 
  
    #mobile_audio { 
        align-items: center; 
        text-align: center; 
    } 
}