Buonasera a tutti,
sto programmando una pagina web utilizzando le griglie di Bootstrap 3, ma ho un problema: ho un piccolo spazio in più a destra e mi compare la scrollbar orizzontale e non capisco perché 
Ho fatto un pò di prove e penso che sia legato a questa sezione del sito, ma non capisco cosa aggiungere/rimuovere/modificare:
codice:
<section class="slide" id="chisono">
<div class="row">
<div class="col-sm-12">
<div class="tratto"><h1>CHI SONO</h1></div>
</div>
</div>
<div class="row">
<div class="col-sm-7 wow animated fadeInLeft">
<ul class="big">
<li>Giusy Zagari</li>
<li class="smaller">Artista</li>
</ul>
<ul class="buttons">
<li><a class="fb-b" href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
<li><a class="fl-b" href="#"><i class="fa fa-flickr fa-lg"></i></a></li>
<li><a class="modal-button" href="#">Di più su di me</a></li>
<li><a class="cv-button" href="#" target="">Download CV</a></li>
<li></li>
</ul>
</div>
<div class="col-sm-5 centrata">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1 wow animated fadeInRight" data-wow-delay="1s">
<div class="ch-info">
<h3>Brainiac</h3>
<p>by Daniel Nyari <a href="http://drbl.in/eODP">View on Dribbble</a>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
Questo è l'HTML, il CSS lo si può trovare qui: code