@media (max-width: 599px ) { 
}

@media (min-width: 768px ) {
  .pi-transparent.pull-left,
  .pi-transparent.pull-right {
    width: 65%;
  }


  /* --------------------- Landing Page ----------------------- */
  .bf-t001-landing #b_head .logo {
    margin: 0 auto;
  }

  .bf-t001-landing #b_foot a {
    display: inline-block;
    margin: 0;
  }
    .bf-t001-landing #b_foot span {
      display: inline-block;
      padding: 0 15px;
    
      border-left: 1px solid #fff;
    }
      .bf-t001-landing #b_foot span:first-of-type { border-left: 0; }
}

@media (max-width: 1024px ) { 
  .bfcms-ctr-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 600px ) {
  .pi-transparent { margin: 0 25px; }

  #b_content .featurette > .container > .row > div { margin-top: 0; }
}


@media (min-width: 730px ) {
  .pi-opp .summary {
    max-width: 100%;
    min-height: 229px;
    padding-bottom: 0;

    text-align: left;
  }
    .pi-opp .summary .pi-opp-image { float: left; }
      .pi-opp .summary .pi-opp-image a {
        width: 229px;
        height: 229px;
        margin-right: 30px;
      }

  .pi-process > ul > li,
  .pi-process > ol > li {
    width: 30%;
    margin: 0 1.666666% 4em;
  }
    .pi-process > ul > li:nth-child(4),
    .pi-process > ol > li:nth-child(4) {
      clear: left;
    }

}


@media (min-width: 768px ) {
  #b_nav { text-align: center; }

  .bfcms-ctr-container.narrow > .container > .row {
    width: 85%;
    margin: 0 auto;
  }

  .bfcms-article-summary2 {
    text-align: left;
  }
    .bfcms-article-summary2 .bf-article-image {
      float: left;
      width: 45%;
      margin: 10px 30px 30px 0;

      border-radius: 8px;

      overflow: hidden;
    }
    .bfcms-article-summary2 .bf-article-date { text-align: left; }
    .bfcms-article-summary2 .bf-social-links { text-align: left; }
      .bfcms-article-summary2 .bf-article-content { margin-left: 50%; }
}

@media (max-width: 991px ) {
  #b_nav > ul > li.on > ul { display: block; }
}

@media (min-width: 992px ) {
  html, body {
    font-size: 22px;
    line-height: 35px;
  }

  h2, .pi-highlight {
    font-size: 43px;
    line-height: 48px;
  }
    .pi-highlight.small-text {
      font-size: 35px;
      line-height: 50px;
    }

  #b_head {}
    #b_head .logo { margin: 14px 0 0; }
    #b_nav { text-align: left; }

  #b_nav {
    display: block;

    position: static;
    margin: 0;
    padding: 0;

    background: #fff;

    overflow: hidden;
  }
      .bf-is-admin #b_nav > ul.bfcms-nav { position: static !important; }

      #b_nav > ul > li {
        display: inline-block;
      }
        #b_nav > ul > li > a {
          padding: 0 35px;

          font-size: 15px;
          line-height: 83px;

          color: #464646;
        }
          #b_nav > ul > li.on > a { color: #fff; }
          #b_nav > ul > li.on, #b_nav > ul > li:hover > a, #b_nav > ul > li:focus > a, #b_nav > ul > li:active > a {
            text-decoration: none;

            color: #fff;
            background: #0c3e59;
          }

        #b_nav > ul > li > ul {
          display: none; 

          position: absolute;
          top: 83px;
          left: 0;
          right: 0;
          z-index: 10;

          width: 100%;
          padding: 0px 20px;

          font-family: 'museo',sans-serif;
          font-size: 15px;
          line-height: 30px;
          text-align: center;

          background: #e5e5e5;
        }
          #b_nav > ul > li > ul > li {
            display: inline-block;
          }
            #b_nav > ul > li > ul > li > a {
              display: inline-block;
              padding: 0 15px;

              height: 50px;
              line-height: 50px;

              color: #333;
            }
              #b_nav > ul > li > ul > li.on > a, #b_nav > ul > li > ul > li > a:hover, #b_nav > ul > li > ul > li > a:focus, #b_nav > ul > li > ul > li > a:active {
                text-decoration: none;

                color: #fff;
                background: #929191;
              }

      .bfcms-nav.subnav li a {
        padding: 12px 20px;
        font: normal 30px/45px 'museo',sans-serif;
      }

  .bfcms-ctr-container.narrow > .container > .row {
    width: 65%;
  }
  #b_mobile_toggle { display: none; }

  .bfcms-article-summary { margin-bottom: 0; }

  .pi-button,
  .bfc-summary-link {
    font: 400 23px/23px 'museo',sans-serif;
  }

  .pi-button-2,
  .bf-listing-btn {
    font: italic 400 36px/36px 'museo-sans', serif;
  }

  .pi-transparent {
    margin: 0 75px;
    padding: 70px 75px 40px;
    font-size: 22px;
    line-height: 35px;
  }
    .pi-transparent .pi-highlight em {
      font-size: 46px;
      line-height: 58px;
    }
    .pi-transparent .pi-highlight strong {
      font-size: 60px;
      line-height: 60px;
    }
    #pi-masthead .pi-transparent .pi-highlight strong {
      font-size: 78px;
      line-height: 78px;
    }
  
    .pi-transparent.pull-left,
    .pi-transparent.pull-right {
      width: 45%;
      font-size: 21px;
      line-height: 35px;
    }

  
  .bf-listing-carousel {
    padding: 0 60px;
  }
    .bf-listing-prev { text-align: right; }
    .bf-listing-next { text-align: left; }

  blockquote.small,
  .bfcms-testimonial.small {
    padding-left: 75px;
    padding-right: 75px;
  }

    blockquote.small:before, blockquote.small:after,
    .bfcms-testimonial.small:before, .bfcms-testimonial.small:after {
      font-size: 170px;
      line-height: 170px;
    }

  blockquote,
  .bfcms-testimonial {
    padding: 0 150px;
    font: 400 40px/55px 'museo-sans',serif;
  }

    blockquote:before, blockquote:after,
    .bfcms-testimonial:before, .bfcms-testimonial:after {
      font: normal 370px/370px museo,sans-serif;
    }

  #b_foot > .container > .row > div:first-child { text-align: left; }
  #b_foot > .container > .row > div:last-child { text-align: right; }

    .pi-foot-search { margin-top: 5em; }
      .pi-footer-signup .row > .col-md-6:first-child { margin-bottom: 0; }
      .pi-footer-signup { margin-bottom: 0; }


  .pi-opp .summary {
    height: 229px;
  }

  .pi-opp-categories {
    padding: 35px 80px;
  }
    .pi-opp-categories h3 { padding-left: 35px; }
    .pi-opp-categories ul { margin-bottom: 0; padding-left: 35px; }
    .pi-opp-categories .col-sm-12:first-of-type { text-align: left; }
    .pi-opp-categories .col-sm-12:last-of-type { text-align: left; }


  .bfcms-article-summary2 .bf-article-image { width: 35%; }
    .bfcms-article-summary2 .bf-article-content { margin-left: 39%; }
 
  .bfif-image {
    max-width: 300px;
    max-height: 300px;
  }
}


@media (min-width: 1200px ) {
  #b_nav > ul > li > a { font-size: 17px; }

  .bfcms-article-summary2 .bf-article-image { width: 25%; }
    .bfcms-article-summary2 .bf-article-content { margin-left: 28%; }
}