@media all and (max-width: 992px) {
  #logo {
    margin: 12px auto 0 auto;
  }
  .col-sm-2 { width: 100%;}
  #main-navigation ul {
    margin: 12px auto;
    width: 100%;
    display: block;
    float: none;
    overflow: hidden;
    text-align: center;
  }
}

@media all and (max-width: 780px) {
  .container { width: 100%;}
  #main-navigation i { display: none;}
  #main-navigation ul li {
    float: none;
    display: inline;
  }
  #main-navigation ul li:first-child {
    display: none;
  }
  .page-picture,
  #slider { display: none;}
  hr { height: 81px; }
}

@media all and (max-width: 626px) {
  hr { height: 54px; }
  h1 { text-align: center;}
}

@media all and (max-width: 495px) {
  #main-navigation ul { display: none;}
  hr { height: 27px; }
  h1 { font-size: 1.4em;}
}