@media only screen and (min-width: 900px){
    h1{
        font-size: 2em;
    }
    h2{
        font-size: 1.75em;
    }
    h3{
        font-size: 1.5em;
    }
    h4{
        font-size: 1.25em;
    }
    h5{
        font-size: 1.1em;
    }
    h6{
        font-size: 0.85em;
    }
    header .head-bar a img{
        max-width: 200px;
    }
    header .head-bar a:last-child{
        font-size: 1.2em;
        margin-right: 40px;
    }
    /*Main Section*/
    main .btns-container{
        max-width: 600px;
    }
    main .btns-a{
        font-size: 1.25em;
    }

    /*Generar Reporte*/
    main .form-reporte{
        gap: 10px;
        max-width: 310px;
    }
    main .form-reporte .date-input {
        width: 150px;
        font-size: 1em;

    }
 


    /*Detalle de Reporte*/
    main .reporte-lista-container{
        max-width: 800px;
    }
    main .reporte-lista-container a{
        grid-template-columns: 1fr 140px 100px;
    }
    main .reporte-lista-container a span{
        font-size: 1em;
    }



    /*Detalle de Reporte reuniones*/
    main .reporte-lista-container-asistencias{
        max-width: 800px;
    }
    main .reporte-lista-container-asistencias a{
        grid-template-columns: 1fr 60px 60px 140px;
    }
    main .reporte-lista-container-asistencias a span{
        font-size: 1em;
    }



 /*Detalle de Reporte reuniones*/
 main .reporte-detalles-lista-container{
    max-width: 800px;
}
main .reporte-detalles-lista-container section{
    grid-template-columns: 1fr 140px;
}
main .reporte-detalles-lista-container section span{
    font-size: 1em;
}

    
    /*Main Asistencias Section*/
    .ediles-conainer{
        max-width: 960px;
        gap: 15px;
    }
    main .edil-asistencia-container{
        grid-column: 3/4;
        margin-top: 5px;
    }
    main .edil-asistencia-container p{
        margin: 15px;
        font-size: 1.2em;
    }
    main .edil-asistencia-container section .submitBtn{
        display: inline-block;
        margin: 10px 25px;
    }
    main .ediles-lista-container{
        grid-column: 1/2;
        grid-row: 1/3;
    }
   
    /*Agenda reuniones*/
    main .agenda-container{
        max-width: 900px;
        grid-template-columns: 2fr 1px 1fr;
    } 

    main .agenda-menu .form-filtrar select{
        font-size: 1em;
    }
    main .agenda-menu .btn-menu{
        font-size: 1em;        
    }
    main .reuniones-lista-container { 
        max-width: 900px;
        padding: 0;
        margin: 0;
    }
    main .reuniones-lista-container hr{
        max-width: 400px;
    }
    main .reuniones-lista-container section{ 
        font-size: 1em;
        grid-template-columns: 1fr 105px;
    }

    /*Editar Reunion*/
    
    main .form-editar-reunion{
        margin-top: 40px;
    }
    main .form-container-editar-reunion {
        max-width: 500px;
        margin: 0 auto;
    }   
    main .form-editar-reunion {
        max-width: 500px;
        margin: 0 auto;
    }
    
     /*Ediles Section*/
     main .ediles-container{
        max-width: 900px;
        grid-template-columns: 2fr 1px 1fr;
    }
   
    main .ediles-container .edil-container{
        grid-column: 3/4;
        margin-top: 5px;
    }

    main .ediles-container .ediles-lista-container {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
    }
    main .ediles-lista-container a{
        grid-template-columns: 1fr 100px;
        margin-bottom: 15px;
    }
    main .ediles-lista-container .span-name{
        font-size: 1em;
        padding-left: 13px;
    }
    main .ediles-lista-container .span-ci{
        font-size: 1em;
        padding-left: 10px;
    }

    /*Lista de reuniones*/
    main .reuniones-lista-container a{
        grid-template-columns: 1fr 100px 60px;
        margin-bottom: 15px;
    }
    main .reuniones-lista-container .span-name{
        font-size: 1em;
        padding-left: 13px;
    }
    main .reuniones-lista-container .span-date{
        font-size: 1em;
        padding-left: 7px;
    }
    main .reuniones-lista-container .span-time{
        font-size: 1em;
        padding-left: 7px;
    }

     /*Estado de asistencias*/
     main .estado-asistencias-container{
        margin-top: 40px;
        max-width: 500px;
        gap: 25px;
    }
    main .estado-asistencias-reunion section span:first-child{   
        font-size: 1.2em;
    }
    main .estado-asistencias-reunion section span:last-child{   
        font-size: 1.6em;    
    }

    main .state-message span{
        font-size: 4em;
    }


    /*Reuniones de hoy*/
    main .reuniones-hoy-lista-container{
        max-width: 800px;
        gap: 20px;
        margin-bottom: 100px;
    }
    main .reuniones-hoy-lista-container a section{
        grid-template-columns: 1fr 100px;       
    }
    main .reuniones-hoy-lista-container a section .span-reunion{
        font-size: 1em;
    }
    main .reuniones-hoy-lista-container a section .span-hora{
        font-size: 1em;
    }



    
    /*Success Image*/
    .edil-asistencia-success{
        padding: 20px;
        gap: 10px;
    }
    .edil-asistencia-success h3{
        color: #303030;
        padding: 5px;
        font-size: 1.8em;
    }
    .edil-asistencia-success section{
        padding: 5px;
        margin-left: -10px;
        margin-right: -20px;
    }
    .edil-asistencia-success section span{
        font-size: 2.5em;        
    }
    .edil-asistencia-success section h3{
        padding-right: 10px;
        font-size: 1em;
    }


   
    /*Estado de asistencias*/
    main .estado-asistencias-container{    
        gap: 20px;
        max-width: 600px;       
    }
    main .estado-asistencias-reunion{
        gap: 7px;
    }
    main .estado-asistencias-reunion section span:first-child{
        font-size: 1.2em;
    }
    main .estado-asistencias-reunion section span:last-child{ 
        font-size: 2em;          
    }
    main .estado-asistencias-reunion h3{
        font-size: 1.3em;
    }
    main .estado-asistencias-reunion h4{
        font-size: 1em;
    } 


    /*Comisiones*/   
    main .comision-container .comision-lista-container{
        padding: 15px 15px 20px 15px;
        background-color: #d8d8d8;
        border-radius: 7px;
        margin-bottom: 40px;
        border: 1px solid #9a9a9a;
    }
    main .comision-container .comision-lista-container section{
        grid-template-columns: 1fr 40px 1fr;
        margin-top: 8px;
    }
    main .comision-container .comision-lista-container section .span-comision-title{
        font-size: 1em;
    }
    main .comision-container .comision-lista-container section .span-comision-edil{
        padding: 7px;
        font-size: 1em;
    }
    main .comision-container .comision-lista-container section #span-comision-arow{
        font-size: 1.4em;
    }
    
    main .comision-container .comision-lista-container ul{
        margin: 15px 0 15px 15px;
        padding: 0 20px;
    }
    main .comision-container .comision-lista-container ul li{
        font-size: 0.9em;
    }
    
    
    /*Face ID Registrar*/
    main .face-ediles-lista-container a{
        grid-template-columns: 1fr 100px;
        margin-bottom: 15px;
    }
    main .face-ediles-lista-container .span-name{
        font-size: 1em;
        padding-left: 13px;
    }
    main .face-ediles-lista-container .span-ci{
        font-size: 1em;
        padding-left: 10px;
    }

    
}