Вертикальная прокрутка не работает в Mobile Safari

По какой-то причине вертикальная прокрутка не работает на моем веб-сайте, когда я захожу на него в мобильном Safari (iOS 9.1, iPhone 5, Safari 8.1):

https://sleepy-anchorage-3222.herokuapp.com

Результаты отладки мобильного Safari прилагаются. Единственные значимые ошибки, которые я вижу, это 5 CSS, предупреждения, связанные со шрифтом, все остальное в норме.

Вертикальная прокрутка отлично работает на iPhone 6, а также в моем настольном браузере. Что тут происходит??

(Примечание: я использую значки Font Awesome и макет FlexBox, но не уверен, что они связаны с проблемой).

МОБИЛЬНАЯ КОНСОЛЬ ОТЛАДКИ SAFARI

СООТВЕТСТВУЮЩИЙ КОД SCSS

@media (max-width:960px){
   > aside {
     flex: 0 0 100%;
     display: flex;
     flex-flow: column nowrap;
     height: 100%;

      > header {
        flex: 0 0 60px;
        margin: 0 0px;
      }

      > main {
        flex: 1 auto;
        height: 100%;
        overflow-y: scroll;
        padding: 0 10px;
      }

.restaurant {
  margin: 30px 0;

  &.selected {
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.5);;
    padding: 2px;
  }

  .item-image {
    max-width: 100%;
  }

  }

  figcaption {
    min-height: 80px;
    position: relative;
  }

  .item-rating {
    display: inline-block;
    position: absolute;
  }