@media (max-width: 768px) {
    header{
        flex-direction: column;
    }

    main{
        width: 90%;
    }

    main > div{
        display: flex;
        flex-direction: column;
    }
    
    .programas-list {
        flex-direction: column;
        width: 100%;
    }

    .programas-list-item {
        width: 100%;
        height: 400px;
        display: flex;
        flex-direction: column;
        padding: 2px;
    }

    .programa-visual {
        width: 100%;
        margin-bottom: 20px;
    }

    .programa-texto {
        width: auto;
    }

    .programas-link{
        flex-direction: column;
        display: flex;
        align-items: center;
    }

    #membro > div > ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 15px;
    }

    #membro > div > ul> li {
        width: 100%;
    }

    .programa-texto > p{
        margin: 0;
    }

    #video> div{
        width: 100% !important;
        padding-bottom: 56.25% !important;
    }

    #visualizer> div> div> iframe{
        width: 100% !important;
    }

    #video> p{
        text-align: justify;
    }

    #outrosEps> ul{
        min-width: 165%;
    }

    #outrosEps> ul> li{
        width: 50% !important;
    }

    #outrosEps> ul> li> p {
        font-size: 12px !important;
    }

    .programa-visual> form{
        width: 302px;
    }

    .programa-visual> form> button{
        width: 302px;
    }

    #video-cover{
        object-fit: contain;
        width: 100%;
    }

    .programa-visual> form> button> img {
        height: 170px;
        width: 100%;
        object-fit: contain;
    }

    #lista{
        padding: 0;
    }

    #credenciais{
        width: 80% !important;
    }

    #credenciais> div> button{
        width: 50% !important;
    }

    #comunidade >ul >li>div> div> p {
        font-size: medium !important;
    }

    #comentary {
        width: 87% !important;
    }
    
    #credenciais> form> div> button{
        width: 45% !important;
    }
}