@media (max-width:991px){
    .row{
        grid-template-columns: 1fr;
        grid-gap: 50px;
    }
    .row .contentwrapper{
        padding-left: 0;
    }
}
@media (max-width:768px){
    .row{
        width: 90%;
    }
    .row .contentwrapper h2{
        font-size: 30px;
        padding-bottom: 20px;
    }
    .row .contentwrapper p{
        line-height: 24px;
    }
    .wrapper {
        margin-top: 35%;
        left: 45%;
        gap: 10px;
    }
}
@media (max-width:575px){
    .row .contentwrapper span.textwrapper{
        font-size: 18px;
    }
    .row .contentwrapper h2{
        font-size: 25px;
    }
    .row .contentwrapper p{
        font-size: 15px;
        line-height: 22px;
    }
    .wrapper {
        margin-top: 35%;
        left: 45%;
        gap: 10px;
    }
    
}
@media screen and (max-width: 1024px) {
    .wrapper {
      width: 85vw;
    }
    .contain {
      height: 26vmin;
      width: 26vmin;
      font-size: 12px;
    }
    .contain {
      width: calc(50% - 40px);
      height: 30vmin;
      font-size: 14px;
    }
  }
  @media screen and (max-width: 480px) {
    .wrapper {
      gap: 15px;
      
    }
    .contain {
      width: 100%;
      height: 25vmin;
      font-size: 8px;
    }
  }