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

  /* 1.4: DUAL COLUMN --------------------------------------------- */
  .dual-column .wrap [class*='col-'] {
    padding: 60px 50px;
  }

}


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

  /* 1.3: BLOG GRIDS + ITEMS -------------------------------------- */
  .blog-grid-item .wrap .image .date {
    padding: 12px 25px 0;
  }
  .blog-grid-item .wrap .info {
    padding: padding: 40px 25px 45px;
  }


}


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

  /* 3.0: HEADER -------------------------------------------------- */
  #header .logo .logo-link {
    float: none;
    margin: 0 auto;
  }


  /* 5.0: FOOTER -------------------------------------------------- */

  /* col 3 */
  #footer .row-1 .col.donate .content {
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 35px;
  }
  #footer .row-1 .col.donate .cta {
    padding: 20px 0 0;
  }

}


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

  /* 1.4: DUAL COLUMN --------------------------------------------- */
  .dual-column .wrap {
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .dual-column .wrap [class*='col-'] {
    padding: 50px;
  }
  .dual-column .wrap .col-left,
  .dual-column .wrap .col-right {
    width: 100%;
  }
  .dual-column .wrap .col-left {
    text-align: center;
  }

}


@media screen and (max-width: 900px) { /* margins @ 40px */

  /* 1.3: BLOG GRIDS + ITEMS -------------------------------------- */
  .blog-grid-item .wrap .info .content .title {
    font-size: 18px;
  }


  /* 1.4: DUAL COLUMN --------------------------------------------- */
  .dual-column .wrap [class*='col-'] {
    padding: 40px;
  }


  /* 1.5: PARTNERS GRID ------------------------------------------- */
  .partners-grid {
    position: relative;
    padding: 40px 0 0;
  }
  .partners-grid .grid-container {
    margin: 0 -20px;
  }
  .partners-grid .grid-container .item {
    width: 33.333%;
    padding: 0 20px 40px;
  }


  /* 3.0: HEADER -------------------------------------------------- */
  #header .logo {
    padding: 12px 40px;
  }


  /* 3.1: NOTIFICATION BANNER ------------------------------------- */
  #notification-banner {
    padding: 20px 40px;
  }


  /* 4.0: CONTENT ------------------------------------------------- */
  #main {
    padding: 30px 40px 40px;
  }


  /* 4.2: DUAL-COLUMN --------------------------------------------- */
  body.sidebar #main-wrap {
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  body.sidebar #content {
    width: 100%;
    padding: 0 0 20px;
  }
  body.sidebar #sidebar {
    width: 100%;
    padding: 20px 0 0;
    border-left: none;
    border-top: 1px solid #eaeaea;
  }


  /* 5.0: FOOTER -------------------------------------------------- */

  /* row 1 */
  #footer .row-1 {
    padding: 50px 40px;
  }
  #footer .row-1 .wrap {
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  /* cols 1 + 2 */
  #footer .row-1 .col.contact {
    order: 2;
  }
  #footer .row-1 .col.enews {
    order: 3;
    width: calc(100% - 200px);
    padding: 0 0 0 30px;
  }

  /* col 3 */
  #footer .row-1 .col.donate {
    order: 1;
    width: 100%;
    padding-bottom: 40px;
  }
  #footer .row-1 .col.donate .content {
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 40px;
  }
  #footer .row-1 .col.donate .cta {
    padding: 0 0 0 30px;
  }

  /* row 2 */
  #footer .row-2 {
    padding: 30px 40px;
  }

}


@media screen and (max-width: 700px) { /* margins @ 30px */

  /* 1.4: DUAL COLUMN --------------------------------------------- */
  .dual-column .wrap [class*='col-'] {
    padding: 30px;
  }


  /* 1.5: PARTNERS GRID ------------------------------------------- */
  .partners-grid {
    padding: 30px 0 0;
  }
  .partners-grid .grid-container {
    margin: 0 -15px;
  }
  .partners-grid .grid-container .item {
    padding: 0 15px 30px;
  }


  /* 3.0: HEADER -------------------------------------------------- */
  #header .logo {
    padding: 12px 30px;
  }


  /* 3.1: NOTIFICATION BANNER ------------------------------------- */
  #notification-banner {
    padding: 20px 30px;
  }


  /* 4.0: CONTENT ------------------------------------------------- */
  #main {
    padding: 30px;
  }


  /* 5.0: FOOTER -------------------------------------------------- */

  /* row 1 */
  #footer .row-1 {
    padding: 40px 30px;
  }

  /* cols 1 + 2 */
  #footer .row-1 .col.enews {
    padding: 0 0 0 20px;
  }

  /* col 3 */
  #footer .row-1 .col.donate {
    padding-bottom: 30px;
  }

  /* row 2 */
  #footer .row-2 {
    padding: 30px;
  }

}


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

  /* 3.0: HEADER -------------------------------------------------- */
  #header .logo .logo-link {
    width: 100%;
    height: 0;
    padding-bottom: 13.578338%;
  }


  /* 3.1: NOTIFICATION BANNER ------------------------------------- */
  #notification-banner .wrap {
    font-size: 16px;
  }

}


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

  /* 1.5: PARTNERS GRID ------------------------------------------- */
  .partners-grid .grid-container .item {
    width: 50%;
  }


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

}


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

  /* 5.0: FOOTER -------------------------------------------------- */

  /* row 2 */
  #menu-footer-nav {
    display: block;
  }
  #menu-footer-nav > li {
    border-right: none;
  }


  /* 8.0: SEARCH FORM --------------------------------------------- */
  #searchform .searchform-wrap {
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  #searchform .searchform-wrap input#s {
    width: 100%;
    margin: 0 0 20px;
  }

}


@media screen and (max-width: 500px) { /* margins @ 20px */

  /* 1.3: BLOG GRIDS + ITEMS -------------------------------------- */
  .blog-grid-item .wrap .image .date {
    padding: 10px 20px 0;
  }
  .blog-grid-item .wrap .info {
    padding: padding: 40px 20px 45px;
  }

  /* 1.4: DUAL COLUMN --------------------------------------------- */
  .dual-column .wrap [class*='col-'] {
    padding: 20px;
  }


  /* 1.5: PARTNERS GRID ------------------------------------------- */
  .partners-grid {
    padding: 20px 0 0;
  }
  .partners-grid .grid-container {
    margin: 0 -10px;
  }
  .partners-grid .grid-container .item {
    padding: 0 10px 20px;
  }


  /* 1.6: BLOG LISTINGs + ITEMS ----------------------------------- */
  .blog-list > .wrap {
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .blog-list .blog-item {
    width: 100%;
    margin: 0 0 30px;
  }
  .blog-list .blog-item:nth-child(odd) .wrap,
  .blog-list .blog-item:nth-child(even) .wrap {
    padding: 0;
  }


  /* 3.0: HEADER -------------------------------------------------- */
  #header .logo {
    padding: 12px 20px;
  }
  #notification-banner {
    padding: 20px;
  }


  /* 4.0: CONTENT ------------------------------------------------- */
  #main {
    padding: 20px;
  }

  /* 5.0: FOOTER -------------------------------------------------- */

  /* row 1 */
  #footer .row-1 {
    padding: 30px 20px;
    text-align: center;
  }

  /* cols 1 + 2 */
  #footer .row-1 .col.contact {
    order: 3;
    width: 100%;
    padding: 0;
  }
  #footer .row-1 .col.contact .social-media {
    text-align: center;
  }
  #footer .row-1 .col.contact .social-media > li {
    display: inline-block;
    float: none;
    margin: 0 2px;
  }
  #footer .row-1 .col.enews {
    order: 2;
    width: 100%;
    padding: 0 0 30px;
  }
  #mc_embed_signup .mc-field-group input[type="email"],
  #mc_embed_signup .mc-field-group input[type="text"],
  #mc_embed_signup .mc-field-group input[type="email"]:focus,
  #mc_embed_signup .mc-field-group input[type="text"]:focus {
    max-width: 320px;
    margin: 0 auto;
  }

  /* col 3 */
  #footer .row-1 .col.donate {
    order: 1;
  }
  #footer .row-1 .col.donate .content {
    display: block;
    padding: 20px;
  }
  #footer .row-1 .col.donate .cta {
    padding: 20px 0 0;
  }

  /* row 2 */
  #footer .row-2 {
    padding: 20px;
  }


}