@media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
}
@media only screen and (max-width: 736px) {
  header img{
    width: 100%;
  }
  .show-mobile{
    display: block;
  }
  ul.top-soical-nav {
    padding-left: 0;
    text-align: center;
  }
  .top-nav {
    text-align: center;
  }
  .spost-links{
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  header img{
    width: 100%;
  }
  .show-mobile{
    display: block;
  }
  ul.top-soical-nav {
    padding-left: 0;
    text-align: center;
  }
  .top-nav {
    text-align: center;
  }
  .spost-links{
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  .hide-responsive{
    display: none;
  }
  header img{
    width: 100%;
  }
  .show-mobile{
    display: block;
  }
  ul.top-soical-nav {
    padding-left: 0;
    text-align: center;
  }
  .top-nav {
    text-align: center;
  }
  .spost-links{
    text-align: center;
  }
}