/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Jun 19, 2025, 10:07:02 AM
    Author     : tstee
*/

@media(max-width: 62.5em){ /* 1000px divided by 16 = 62.5em */
    .video-container {
      object-fit: cover; 
      height: auto;
    }

    .flyerImage{
      object-fit: cover; 
      height: auto; 
    }
    
    .liveFrame{
        width: 40rem;
        height: 22.5rem;
    }
    .flyerFrame{
        width: 40rem;
        height: 22.5rem;
    }
}

@media(max-width: 60em){ /* 960px = 60em */

    .generalInfo2{

        grid-template-columns: 1fr;
        
        
    }  
    .generalInfoTitle{
        font-size: 1.8rem;
    }
}

@media(max-width: 55em){ /* 875 / 16 = 54.6875em */

    .main_title1{
        font-size: 2rem;
    }
    
    .generalInfoTitle{
        font-size: 1.8rem;
    }
    .generalInfoHeading{
        font-size: 1.8rem;
    }
    .generalInfoBody{
        font-size: 1.2rem;
    }
    
    .missionPic img{

         padding: 0rem;
    }
    
}

@media(max-width: 46.25em){ /* 740px / 16 = 46.25em */
    
        .bioArea{
        grid-template-columns: 1fr;
    }
}

@media(max-width: 40em){ /* 640px = 40em */
    
    .main_title1{
        font-size: 1.6rem;
    }
    
    .generalInfoTitle{
        font-size: 1.1rem;
    }
    .generalInfoHeading{
        font-size: 1.2rem;
        padding-bottom: 0rem;
    }
    .generalInfoBody{
        font-size: 1.2rem;
    } 
    .footerAreaLine{
        font-size: .8rem;
    }
    
    .topHeader li {

      font-size: .8rem;
    } 
    
    .liveFrame{
        width: 25rem;
        height: 14.625rem;
    }
    .flyerFrame{
        width: 25rem;
        height: 14.625rem;
    }
    
    .generalInfoHeading3{
        font-size: 1.2rem;
    }
    
    .generalInfoHeading4{
        font-size: 1.2rem;
    }
    .generalInfoBody4{
        font-size: 1.3rem;
    }
    
    .generalInfoTitle3{
        display: flex;
        font-size: 2rem;
    }
    

    
}