

@media screen and (max-width:768px) {
  .article::before{
    font-family: "fontAwesome";
    content:'\f278'; 
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    font-weight: 900;
  }
  .faq::before
  {
    font-family: "fontAwesome";
    content:'\f233'; 
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    font-weight: 900;
 
  }
  .edu::before
  {
    font-family: "fontAwesome";
    content:'\f144'; 
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    font-weight: 900;
 font-size: larger;
  }
  }
  @media screen and (max-width: 992px) {
    .title {
      width: 250px;
      height: 250px;
    }
  }
  
  @media screen and (max-width: 600px) {
    .title {
     width:230px;
     height: 150px;
    }
  }
  @media screen and (max-width: 480px) {
    .title {
     width:170px;
     height: 100px;
    }
    .title h4 {
      font-size: 1rem;
    }
    .banner-image img {
      width: 40%;
    }
  }

