/*<>PHONE (pp)
---------------------------------------------------------------------------------------------*/
@media (max-width: 479px) {
  }
@media (min-width: 480px) {
  html {
    font-size: 85%;
  }
  .site-mast .site-intro h2 {
    font-size: 4rem;
  }

  .pagetitle, .hero.head {
    font-size: 2rem;
  }

  .hero.subhead {
    font-size: 1.25rem;
  }




}
/*<> WIDE PHONE (wp) 
---------------------------------------------------------------------------------------------*/
@media (max-width: 639px) {
  }
@media (min-width: 640px) {

html {
    font-size: 90%;
  }


  .site-mast .site-intro h2 {
    font-size: 4.5rem;
  }


  .list .item {
    width:48%;
    margin:1rem 1%;
  }

   .home  .list .item.project {
    width:48%;
    margin:1rem;
  }

  .areas .area {
    flex-basis: 49%;
  }

  

  
}
/* <>TABLET (tt) 
---------------------------------------------------------------------------------------------*/
@media (max-width: 759px) {
    
  }
@media (min-width: 760px) {
  html {
    font-size: 95%;
  }


   .home .services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: top;
  }


  .home .services .element {
    width: 31%;
    margin-left: 2%;
  }

  .site-mast .site-intro h2 {
    font-size: 5rem;
  }



  .feed.services .service  {
    width:48%;
    margin-right: 2%;
  }


  .members .member {
    width: 45%;
  }

  .contactinfo .map {
    padding-right: 2rem;
  }


}


@media (min-width: 840px) { 


  .panel .content.split {
    width: 50%;
    padding-right:6rem;
  }

  .feed.services .service  {
    width:23%;
    margin-right: 2%;
  }

  .list .listing {
      display: flex;
      flex-wrap: wrap;
    }

  .list .listing .set {
    width: 50%;
  }

  .list .listing .background:before {
    padding-top:100%;
  }

  .panel .sector {
    width:50%;
    display: flex;
  }


  .panel .sector {
    padding:8rem 2rem;
  }

  .values {
    display: flex;
    flex-wrap: wrap;
  }

    
  .values .value {

      justify-content: center;
      align-items: center;
      width:31.3%;
      margin-right:2%;
      margin-bottom: 2rem;
      
  }

  .pagetitle, .hero.head {
    font-size: 3.5rem;
  }

  .hero.subhead {
    font-size: 2.5rem;
  }

  .blocks .block {
    flex-basis:32%;
  }

}



/* <>WIDE TABLET (wt) 
---------------------------------------------------------------------------------------------*/
@media (max-width: 1023px) {

    .section.split .wrap.label.background {
      background-position: center !important;
      background-size: contain;
      background-repeat: no-repeat !important;
      width:100%;
    }

    .section.split .wrap.label.background:before {
      content: '';
      display: block;
      padding-top: 50%;
    }
}

@media (min-width: 1024px) {
  
  html {
    font-size: 100%;
  }


  .site-mast .site-intro h2 {
    font-size: 5.5rem;
  }


  .section .panel.right {
    padding:  0;
    text-align: left;
    display: flex;
    justify-content: flex-start;
  }


  .section .panel.left {
    padding:  0;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
  }


  .section.full .container  {
      display: block;
    }


  .section .panel .title {
    text-align: left;
     display: flex;
  }

  .section .panel .wrap.label {
    width: 50%;
    padding: 12rem 2rem;

  }

  .section .panel .wrap.info {
    width:50%;
    padding: 2rem;
  }


  .section.split .container .wrap.info {
    padding:0 ;
  }

  .section.right .container .wrap.info {
    margin-left: 0;
  }

  .section.left .container .wrap.info {
    margin-right: 0;
  }

  .section.services .block {
    width:23.5%;
    margin-right: 2%;
    margin-bottom: 0;
  }

  .section.services .block:last-of-type  {
    margin-right: 0;
  }

  .section.full.contact-info .container .content .block {
    width:50%; 
    margin:0;
  }



  .section.right .insert, .section.left .insert {
    display: flex;
    justify-content: center;
    align-items: center;
  }


  .section.left .info .content {

  }

  .panel .content.split {
    width: 50%;
    padding-right:6rem;
  }


  .section .info .content {
    background: rgba(var(--white), 1.0);
    padding: 4rem;
  }


  .about-us .capital .block .content {
    display: flex;
    flex-wrap: wrap;
  }

  .about-us .capital .block .content .element {
    margin:0;
    margin-left:2%;
    margin-bottom: 4rem;
    width:31%;
  }


  .list .item {
    width:31.3%;
  }


  .project .info .about{
    width: 70%;
    padding-left:5%;
    margin: 0; 
  }

  .project .info .meta {
    width:30%;
    margin: 0; 

  }


  .single .post .row > div {
    width:50%;
  }

  .single .post .row:nth-child(odd) .content{
    padding-left: 2rem;
  }

  .pagetitle, .hero.head {
    font-size: 4rem;
  }

  .hero.subhead {
    font-size: 2.75rem;
  }


  .mobile {
    display: none;
  }

  .primary {
    display: block;
  }



}
/*<>DESKTOP (dd) 
---------------------------------------------------------------------------------------------*/
@media (max-width: 1199px) {
  }
@media (min-width:1200px ) {
   html {
    font-size: 105%;
  }

  .primary.desktop {
    display: flex;
    flex-wrap: wrap;
    width:100%;
    align-items: center;
  }

  .primary.mobile {
    display: none;
  }



  .publications .publication {
    width: 31%;
  }

  .services .service .wrapper >div {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
  }

  .site-mast .site-intro h2 {
    font-size: 6rem;
  }

  .panel.default:nth-child(odd) .sector.main, .panel.default:nth-child(even) .sector.other{
    justify-content: right;
  }


  .panel.default:nth-child(even) .sector.other, .panel.default:nth-child(odd) .sector.main{
    justify-content: right;
  }


  .sector.main .content {
    padding:4rem;
    align-items: normal;
    border-radius: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }


  .pagetitle, .hero.head {
    font-size: 5rem;
  }

  .hero.subhead {
    font-size: 3rem;
  }

  .areas .area {
    flex-basis: 24.25%;
  }

  .service > div {
    flex-basis: 50%;
  }

}
/* <>WIDESCREEN (wd) 
---------------------------------------------------------------------------------------------*/
@media (max-width: 1379px) {

   
  }
@media (min-width: 1380px) {

   html {
    font-size: 110%;
    }

    .publications .publication {
      width: 23%;
    }

    .site-mast .site-intro h2 {
      font-size: 6.75rem;
    } 

    .list .item {
      width:23%;
    }

}

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


@media (min-width: 1600px) {

  html {
    font-size: 115%;
  }

  .site-mast .site-intro h2 {
    font-size: 6.5rem;
  } 

}

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


@media (min-width: 1920px) {

  html {
    font-size: 120%;
  }

  .site-mast .site-intro h2 {
    font-size: 7rem;
  } 

}

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


@media (min-width: 2320px) {

  html {
    
  }

}

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


@media (min-width: 2600px) {

  html {
    
  }

}

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



@media (min-width: 2880px) {

  html {
   
  }
}
  
@media (max-width: 3199px) {
  }

  
@media (min-width: 3200px) {

  html {
    
  }


}