@media(max-width:1024px){
  .center {
    display: block;
    text-align: center;
    width: 100%;
  }
  .middle {display: none;}
  .text-top p {
    font-size: 2.6em;
  }
  .top-menu ul {
    text-align: center; 
  }
  .top-menu ul span {display: none;}
}
@media(max-width:768px){
  body header .text-vertical-center h1 {
    font-size: 3.8em;
  }
  .text-top p {
    font-size: 2em;
  }
  .call-bottom-wrap {text-align: center;}
  .call-to-action ul.call-bottom li {
    text-align: left;
    display: block;
    width: 100%;
  }

  .text-vertical-center h1 {
    font-size: 4em;
  }
  .call-top ul li {
    font-size: 14px;
  }
  .portfolio .item span {
   font-size: 1.5vw;
}
.portfolio .item h2 {
  font-family: initial;
  font-size: 3.5vw;
  font-weight: 100;
  margin: 0;
  padding: 10px 0 20px;
}
.portfolio .item p {
  line-height: 1.875em;
  font-weight: 600;
  font-size: 2vw;
  height: 12vw;
}
.portfolio .item img {width: 70%;display: block;margin: 0 auto;position: relative;padding-top: 10px;}

}
@media(max-width:640px) {
 body header .text-vertical-center h1 {
    font-size: 3em;
    padding: 0 10px;
  }
  body .text-top p{
    font-size: 1.6em;
  }
  .click_cell .call-top ul li {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
  }
}
@media(max-width:480px) {
  .header h2{font-size: 3vw;}
   .header span {font-size: 3vw;}
  .header p {
    line-height: unset;
  }
  .callout p {
    padding-top: 20px;
  }
  .text-vertical-center h1 {
    font-size: 3.4em;
  }
  .call-to-action ul li p {
    font-size: 1.2em;
  }
  .portfolio p {
  font-size: 3vw;
  }
  .portfolio li p {
    font-size: 15px;
  } 
  .portfolio .item span {
   font-size: 3vw;
  }
  .portfolio .item h2 {
  font-family: initial;
  font-size: 5vw;
  font-weight: 100;
  margin: 0;
  padding: 10px 0 20px;
  }
  .portfolio .item p {
  line-height: 1.875em;
  font-weight: 600;
  font-size: 2.5vw;
  height: 12vw;
  }
  .portfolio .item img {width: 70%;display: block;margin: 0 auto;position: relative;padding-top: 50px;}


  #peerson .wrap-person p {
    line-height: unset;
    font-size: 5vw;
  }
  .callout .about-row h2 {font-size: 7vw;}
  .portfolio  h2 {font-size: 7vw;}
  .portfolio span {font-size: 3vw;}


}

@media(max-width:380px) {
  body header .text-vertical-center h1 {
    font-size: 9vw;
  }
  body header .text-vertical-center p {font-size: 16px;}
  .text-vertical-center h1 {
    font-size: 2em;
  }
  aside#peerson .wrap-person p {
    font-size: 6vw;
  }
  .call-top ul li p{
    font-size: 13px;
  }
}