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

  .site-mast h2 {
    text-transform: none;
    color: rgba(var(--white), 1.0);
    font-size: 1.5rem;
    font-weight: 800;
  }


  .hero.subhead {
    font-size: 1rem;
    color: rgba(var(--white), 1.0);
    line-height: 1.25;
  }



}
/*<> 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;
  }

  .services .service .wrapper .content {
    padding:4rem;
  }


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

    .members .member {
      width: 48%;
    }

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

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

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


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


   .home .panel .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;
  }

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


}


@media (min-width: 840px) { 



  .points {
    column-gap: 2%;
  }

   .info .point {
    flex:1;
    flex-basis: 49%;
    max-width:49%;
    padding:2rem;
    padding-bottom:0;
    margin-bottom: 2rem;
    box-shadow: var(--box-shadow);
  }

  .points br {
    display: none;
  }

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


  .panel.default {
    display: flex;
  }

  .members .member {
    width: 31.3%;
  }


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

  .experiences .experience {
    width:46%;
  }

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

  

}



/* <>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;
  }


  .panel .sector {
    flex-basis: 49%;
  }

  .panel .sector.bgimage {
    padding-top: 0;
    margin-bottom: 0;
  }


  .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 {

  }


  .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;
  }

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

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


  .list .section:nth-child(even)  .listing .set.content {
    
  }

  .list .section:nth-child(odd)  .listing .set.content {
    
  }

  .primary ul li.homepage {
    display: inline-block;
  }


  .directors .members .member {
    width: 50%;
    margin: 0;
  }


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



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




}
/*<>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;
  }

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



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



}
/* <>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 {
    
  }


}