@media only screen and (max-width: 700px) {
   .intro{
    height: auto;
   
   }
   .intro>div>h2{
    font-size: 30px;
   }
   .intro>div{
    padding: 40px 0px;
   }
   .service-heading{
        font-size: 35px;
   }
   .footer-one{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
   }
   .mobile-footer-links{
     display: flex;
     flex-direction: column;
     align-items: center;
     }
     .linksbar>a{
          text-align: center;
     }
     .head-mobile{
         display: block;
     }
     .head{
         display: none;
     }
  }