@media screen and (max-width: 1650px) {


  /* HEADER ------------------------------------------------------- */
  #header {
    height: 100px;
  }
  #header .site-logo {
    height: 148px;
    width: 100px;
    top: 22px;
  }

  /* RICH BANNER -------------------------------------------------- */

  /* homepage */
  body.home .banner-rich > .wrap {
    min-height: calc(100vh - 100px);
  }
  body.admin-bar.home .banner-rich > .wrap {
    min-height: calc(100vh - 132px);
  }

}

@media screen and (max-width: 1200px) {

  /* HEADER ------------------------------------------------------- */
  #header {
    height: 70px;
    padding: 0 30px;
  }
  #header .site-logo {
    height: 81px;
    width: 55px;
    top: 18px;
  }

  /* RICH BANNER -------------------------------------------------- */

  /* homepage */
  body.home .banner-rich > .wrap {
    min-height: calc(100vh - 70px);
  }
  body.admin-bar.home .banner-rich > .wrap {
    min-height: calc(100vh - 102px);
  }

  /* FOOTER ------------------------------------------------------- */
  #footer {
    padding: 100px 30px;
  }

}

@media screen and (max-width: 1000px) {

  /* HEADER ------------------------------------------------------- */
  #header {
    padding: 0 20px 0 30px;
  }

}

@media screen and (max-width: 782px) {

  /* GLOBAL ------------------------------------------------------- */
  /* #wpadminbar is 46px tall */
  body.admin-bar #page {
    padding-top: 46px;
  }

  /* HEADER ------------------------------------------------------- */
  body.admin-bar #header.sticky {
    top: 46px;
  }

  /* RICH BANNER -------------------------------------------------- */

  /* homepage */
  body.admin-bar.home .banner-rich > .wrap {
    min-height: calc(100vh - 116px);
  }

}

@media screen and (max-width: 600px) {

  /* WORDPRESS CORE OVERRIDES ------------------------------------- */
  #wpadminbar {
    position: fixed;
  }

}

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

  /* HEADER ------------------------------------------------------- */
  #header {
    padding: 0 10px 0 20px;
  }

  /* FOOTER ------------------------------------------------------- */
  #footer {
    padding: 50px 20px;
  }

}

@media screen and (max-width: 450px) {

  h2,
  h1.blog-post {
    margin-bottom: 15px;
    font-size: 30px;
  }

}