aside .aside-title {
    background-color: rgb(0, 0, 98);
}

.div-modulo {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.div-modulo .div-panel {
    width: 100%;
    min-height: 130px;
    background-color: gainsboro;
    text-align: center;
    padding: 16px 0 4px 0;
    margin-bottom: 20px;
}

.assunto {
    width: 90%;
    margin: 0 auto;
}
 
.assunto hr{
    margin: -5px 0;    
    opacity: 1;
    border: 1.5px solid var(--color-nav);
}

.assunto-title {
    color: navy;
}


.my-button-ead {
    width: 200px;
    background-color: var(--color-nav);
}

.div-pdf {
    width: 100%;
    height: 100vh; 
    border: 1px solid #454545;; 
    background-color: #323639; 
}

.div-pdf .pdf {
    width: 100%;
    height: 100vh; 
}

.div-pdf .div-mess {
    width: 100%;
    padding: 4px;
    color: white;
    text-align: center;
}

/* GRID FLEX */
.my-grid-flex {
    display: grid;
    width: 90%;
    margin: 0 auto;
    padding: 20px 90px;
    grid-template-columns: 31% 31% 31%;
    grid-auto-rows: 380px;
/*    grid-template-rows: 380px 380px 380px 40px; */
    gap: 40px;
}

.my-grid-flex:nth-last-child {
    margin-bottom: 30px;
}

.conteudo {
    padding-bottom: 60px;
}

.my-grid-flex-conteudo {    
    display: grid;
    width: 80%;
    margin: 0 auto;
    padding: 20px 0px;
    grid-template-columns: 22% 22% 22% 22%;
    grid-auto-rows: 300px;
/*    grid-template-rows: 380px 380px 380px 40px; */
    gap: 4%;
}

.my-grid-flex:nth-last-child {
    margin-bottom: 30px;
}

.view-pdf {
    /* height: 120vh; */
}

.my-select-modulo {
    width: 300px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .my-grid-flex {   
        grid-template-columns: 46% 46%;
        padding: 30px 10px;
        gap: 30px 30px;
    }
}

@media (max-width: 480px) {
    .my-grid-flex {   
        grid-template-columns: 80%;
        justify-content: center;

    }

    .my-grid-flex-conteudo {   
        grid-template-columns: 80%;
        justify-content: center;
        grid-auto-rows: 220px;
        grid-template-columns: 48% 48%;
        gap: 4%;
    }

}