@media(max-width:1024px){
  .text-top p {
    font-size: 2.6em;
  }

  .call-to-action ul li {
    display: block;
    width: 80%;
    padding-left: 25%;
    margin: 5px auto;
  }
}
@media(max-width:768px){
  body .text-vertical-center h1 {
    font-size: 5rem;
    padding: 0 6rem;
  }
  .cont-img {
    font-size: 7rem;
    margin: 0 4rem;
  }
  .call-to-action li p br {
    display: none;
  }
  .top-nav ul {text-align: center;margin: 0;}
  .top-nav ul li a {
    font-size: 1.7rem;
  }
  .top-nav ul span {
    display: none;
  }
  .portfolio p {font-size: 1.8rem;line-height: 1.5;}

  .call-to-action ul li {
    padding-left: 15%;
  }
  
  .call-to-action ul strong {font-size: 3rem;}
 
}
@media(max-width:640px) {
  body .text-vertical-center h1 {
    font-size: 4.6rem;
    padding: 0 5rem;
  }
  .call-to-action ul {
    width: 90%;
  }   
  .portfolio h2, .call-to-action h2 {
    font-size: 3rem;
    padding: 2rem;
  }

 body header .text-vertical-center h1 {
    padding: 0 2rem 3rem;
    width: 100%;
    font-size: 4.4rem;
  }
  body header .text-vertical-center p {font-size: 2.4rem;letter-spacing: 10px;}
  
  
}
@media(max-width:480px) {
  body .text-vertical-center h1 {
    font-size: 3.1rem;
    padding: 0 2.5rem;
  }
  footer p {
  }
  .call-to-action ul li p {
    font-size: 1.8rem;
  }
 
  .portfolio li p {
    font-size: 15px;
  } 
   .call-top ul li {
    font-size: 14px;
  }
  .callout {
    height: 60%;
  }
  aside.callout::before {
    height: 60%;
  }
  .call-to-action ul li {
    width: 97%;
    padding: 5px;
    border: 1px solid;
  }
  .call-to-action ul li strong {
    font-size: 3rem;
  }
}

@media(max-width:380px) {
  body header .text-vertical-center h1 {
    font-size: 3.7rem;
  }
      .call-to-action ul {
    width: 100%;
    }
     .top-nav ul li a {
    font-size: 1.6rem;
  }  
   .emi {
    /* font-size: 13px !important; */
  }
  .call-top ul li p{
    font-size: 13px;
  }
}