Как я могу установить ширину flexbox для детей на 100%

Question

Я новичок в flexbox, я использую bootstrap 4, и у меня есть и выпуска.https://imgur.com/a/OQIOfZg У flexbox есть поле слева и справа, как я могу его удалить?Я хочу, чтобы у .cont1 была 100% его родительской ширины?

.cont1{
	background-color: red;
    height: 100%; 
}

@media only screen and (min-width: 992px) {

.cont1 a{
    background-color: rgb(0,0,0,0.5);

}
.cont1 h1{
	font-size: 50px;
}
.cont1 span{
	font-size: 20px;
}

}

 
 
 <div class="container-fluid"> 
      <div class="row">
          <div class=" col-xl-8 col-lg-12 cont1 d-flex justify-content-end align-items-start flex-column">
          	

          	
          	<a href="" class="w-100">
              <h1 class="">Title</h1>
              <span>Lorem ipsum dolor sit amet</span>
            </a>
          </div>
      </div>
 </div>
 
 
 
 
 
 <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">