@media only screen and (max-width: 850px) {
  #header, #sidebar {
    display: none; }

  .pageWidth, #mainPage, #pageContainer {
    width: 97%;
    position: relative;
    margin: 0 1.5%; }

  #sliderContainer, #sliderOuterContainer, #slider, ul.slides li {
    position: relative;
    top: auto;
    left: auto;
    float: none;
    width: auto;
    height: auto;
    max-width: 850px; }

  #sliderContainer {
    margin: 0;
    padding: 0;
    border: 0; }

  #slider li img {
    max-width: 100%; }

  #promoRow {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
    #promoRow .promoItem {
      width: 48.5%; }
      #promoRow .promoItem.first {
        margin: 0 1%; }

  #switchboardRow {
    width: 97%;
    position: relative;
    margin: 0 1.5%;
    padding: 1.5%;
    margin: 1rem 0; }

  #feedRow .feedWrapper {
    width: 97%;
    position: relative;
    margin: 0 1.5%;
    margin-left: 0;
    margin-right: 0; }

  #footer .top .contact {
    float: none;
    clear: left;
    padding-top: 2rem; }

  #footer .bottom .smallPrint {
    position: relative;
    margin-top: 2rem; } }
@media only screen and (max-width: 767px) {
  #footer .top .links {
    float: none;
    clear: left;
    padding-top: 2rem; }

  #feedRow .instagram iframe {
    width: 97% !important; }

  #homePageInnerWrapper {
    background: transparent !important; } }
@media only screen and (max-width: 568px) {
  #socialRow {
    text-align: center; }
    #socialRow h3 {
      padding-left: 0; }
    #socialRow .socialLinks {
      position: relative;
      top: auto;
      right: auto;
      margin-top: 1.5rem; }
      #socialRow .socialLinks li:first-child {
        margin-left: 0; }

  #promoRow .promoItem {
    width: 97%;
    position: relative;
    margin: 0 1.5%; }
    #promoRow .promoItem.first {
      margin-bottom: 1rem; }
    #promoRow .promoItem .themeAd a {
      display: inline-block; }
      #promoRow .promoItem .themeAd a img {
        width: 100%; }
    #promoRow .promoItem .themeAd img {
      width: 100%; }

  #footer .top .column {
    float: none;
    clear: left;
    padding-top: 2rem; }
  #footer .bottom .socialLinks {
    display: block;
    margin-bottom: 1rem; }
  #footer .bottom .smallPrint .divider {
    padding: 0 4px; } }
@media all and (min-width: 1024px) {
  #mainPage {
    padding: 20px !important; } }
@media all and (max-width: 1023px) {
  #mainPage {
    padding: 0 10px; } }