Как сделать так, чтобы div из двух колонок занимал всю ширину страницы

Я хотел бы, чтобы div ниже охватывал всю ширину страницы, но в настоящее время он охватывает только среднюю часть моей страницы (как и остальная часть содержимого).

Я пытался включить ширину: 100% в свой css, я также пытался удалить контейнер, но я не могу получить оба столбца рядом, если я это сделаю.

<div class="container full-width">
  <div class="row-fluid">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">

      <h2>What we do.</h2>
      <h4>Put some text in here about what we do just to see what it looks like. </h4>
      <a href="#"><button>Services</button></a>

    </div>

    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">

      <a href="<?php bloginfo('url');?>"> <img src="<?php bloginfo('template_directory');?>/images/logo.png" class="img-fluid logo"> </a>

    </div>
  </div>
</div>