Василь Бойко

попробуйте скроллу дописать pointer-events: auto

бросить это дело (web)

Недавно перешел на иконочные шрифты. Попробуйте, вам понравиться

1. залейте код, чтобы посмотреть вживую
2. я конечно не эксперт, но такая тень rgba(0,0,0,.3) 0 0 0 1000px сильно будет тормозить сайт, нагрузка на проц
3. зачем такая огромная тень?

https://jsfiddle.net/8tjyms9t/
https://jsfiddle.net/eo8ahr14/

Вы задаете фикс. ширину блоков в - 150px, задайте их в %, как уже подсказывали

autofocus

<nav class="nav" role="nav">
  <ul class="nav-list">
    <li class="nav-item"><a href="#" class="nav-link">Item-1</a></li>
    <li class="nav-item"><a href="#" class="nav-link">Item-2</a></li>
    <li class="nav-item"><a href="#" class="nav-link">Item-3</a></li>
    <li class="nav-item"><a href="#" class="nav-link">Item-4</a></li>
  </ul>
</nav>

А для того, чтобы тег nav поддерживался старыми браузерами, подключаем скриптик

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>.

А ещё лучше вот статья, прочтите: https://habrahabr.ru/post/90384/

<div class="row">
  <div class="col-4">1</div>
  <div class="col-4">2</div>
  <div class="col-4">3</div>
</div>

.row:before,
.row:after{
    height: 0;
    content: '';
    clear: both;
    display: block;
    visibility: hidden;
}

.row{
    margin: 0 -15px;
}

.col-4{
    padding: 0 15px;
    float: left;
}

.col-4 {width: 33.33333333%;}

</div>
   <div id="lg">
    <div class="container">
      <div class="row centered">
        <div class="col-lg-2 col-lg-offset-1">
          <center><img src="img/school.png" class="wow slideInLeft" data-wow-delay=".5s"  alt=""><p>dfjsbdfjsbdfjsdf</p></center>
        </div>
        <div class="col-lg-2">
          <center><img src="img/quality.png" class="wow slideInLeft" data-wow-delay=".8s" alt=""><p>dfjsbdfjsbdfjsdf</p></center>
        </div>
        <div class="col-lg-2">
          <center><img src="img/engineer.png" class="wow slideInLeft" data-wow-delay="1.1s" alt=""><p>dfjsbdfjsbdfjsdf</p></center>
        </div>
        <div class="col-lg-2">
          <center><img src="img/calendar-with-a-clock-time-tools.png" class="wow slideInLeft" data-wow-delay="1.4s" alt=""><p>dfjsbdfjsbdfjsdf</p></center>
        </div>
        <div class="col-lg-2">
          <center><img src="img/deposit.png" class="wow slideInLeft" data-wow-delay="1.7s" alt=""><p>dfjsbdfjsbdfjsdf</p></center>
        </div>
      </div>
    </div>
  </div>

<div class="item"><img src="images/img-1.jpg" alt=""></div>
<div class="item"><img src="images/img-2.jpg" alt=""></div>

.item img{
    display: inline-block;
    vertical-align: bottom;
}

есть такой скрипт matchHeight решает подобные проблемы известные бренды его используют)