/* Coloane — asezare orizontala a elementelor intre marcajele START/STOP */
.cog-coloane {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  margin: 0.75em 0;
}
.cog-coloane__coloana { min-width: 0; flex: 1 1 0; }
.cog-coloane--60-40 > .cog-coloane__coloana:first-child { flex: 3 1 0; }
.cog-coloane--60-40 > .cog-coloane__coloana:last-child { flex: 2 1 0; }
.cog-coloane--40-60 > .cog-coloane__coloana:first-child { flex: 2 1 0; }
.cog-coloane--40-60 > .cog-coloane__coloana:last-child { flex: 3 1 0; }
.cog-coloane--sus { align-items: flex-start; }
.cog-coloane--centru { align-items: center; }
.cog-coloane__coloana > img,
.cog-coloane__coloana > video,
.cog-coloane__coloana > iframe { max-width: 100%; }
@media (max-width: 767px) {
  /* pe vertical, axa transversala devine orizontala: stretch tine coloanele pe toata latimea */
  .cog-coloane { flex-direction: column; align-items: stretch; }
}