@media only screen and (max-width: 768px) {
    /* HEADER */
    .center {
        display: none; 
    }

    .input-text {
        display: none;
    }

    .end .search-icon2 {
        display: flex;
    }

    /* MAIN */
    
    main {
        flex-direction: column;
        
    }

    .conteudo-canal {
        width: 100%;
    }

} 



@media only screen and (max-width: 992px) {
    /* HEADER */

    header {
        width: 100%;
    }

    .center {
        max-width: 400px;
    }
    
    /* MAIN */
    
    main {
        flex-direction: column;
        
    }

    .principal {
        width: 100%;
    }
    
    /* COLUNA DE VIDEOS */

    .imagens-videos {
        width: 50%;
        height: 50%;
    }

    .imagens-videos img {   
        width: 100%;
        height: 100%;
    }


}