@media only screen
and (max-width: 1200px)
{
  #bannerContainer {height: 300px;}
  #banner .inner {height: 300px;}
}


@media only screen
and (max-width: 1000px)
{
  #bannerContainer {height: 250px;}
  #banner .inner {height: 250px;}

  #logo img {width: 300px; margin: -50px 0 0 0;}

  #links .item .name {font-size: 26px;}
  #links .item .text {font-size: 14px;}
}



@media only screen
and (max-width: 800px)
{
  #bannerContainer {height: 170px;}
  #banner .inner {height: 170px;}
}


@media only screen
and (max-width: 600px)
{
  #logo img {width: 200px; margin: -50px 0 0 0;}

  #links {margin: 20px 0; flex-direction: column; align-items: center;}
  #links .item {width: calc(100% - 40px); margin: 10px 0;}
}


@media only screen
and (max-width: 500px)
{
  
}