Как исправить то что колонки в bootstrap выходят за границы секции?

Вот код:

1. html :

   <div class="section">
   		<div class="row justify-content-between">
   			<div class="col-auto"><h3>Популярные модели неман</h3></div>
   			<div class="col-auto"><h5>Смотреть все акции</h5></div>
   		</div>
   		<div class="row justify-content-between">
   			<div class="col-3 border1px">123</div>
   			<div class="col-3 border1px">234</div>
   			<div class="col-3 border1px">345</div>
   			<div class="col-3 border1px">456</div>
   		</div>
   	</div>

   
   
2. css : bootstrap 4

   .section {
   	width: 1024px;
   	padding: 10px 0;
   	margin: 0 10% 0 10%;
   	min-height: 100px;
   	width: 80%;
   	height: auto;
   	color: #153557;
   }
   
   .border1px {
   	border: 1px solid #153557;
   }