.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.background-color {
background-color: #3A0CA3;
}

.bg-gray {
background-color: #F4F0FF;
padding-top: 1rem;
padding-bottom: 1rem;
border-radius: 15px;
}

.bg-video{
/* background-image: url('matriLaranja.jpg');
background-repeat: no-repeat;
background-position: right bottom; 
background-position-x: 100% ;
background-position-y: 100%; 
background-size: 15%;*/
background-color: #F4F0FF;
position: relative;
margin: 5px; /* 16:9 aspect ratio */

}

.bg-video video {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.text-grey{
color: #F4F0FF;
}

.text-black{
color: #060213
}

.logoIndex{
text-align: center;
max-width: 50%;
max-height: 50%;
margin: auto;
}