Tentei separar os elementos abaixo de 999 pixel de largura através do width calc, como segue o cálculo abaixo, porém sem sucesso. Deixei passar algo? Existe uma outra solução que não criar uma nova @media?
.conteudoPrincipal-cursos {
display: flex;
flex-wrap: wrap;
}
.conteudoPrincipal-cursos-link {
width:20%;
}
.videoSobre .container {
display:flex;
width: calc (50% - 25px);
justify-content: (space-between);
}
.videoSobre-sobre {
text-align: center;
display: flex;
flex-direction: column;
flex-grow: 2;
}
.videoSobre-video {
flex-grow: 1;
}
.videoSobre-sobre-list {
flex-grow: 1;
}