Service Portal Design with three blocks , widget working code ServiceNow

HTML

<div class="col-xs-12">
<h1 style="text-align:center;color:black">Who are you?</h1>
</div>
<div class="col-xs-12">
  <div class="col-xs-2">
     </div>
   <div class="col-xs-3">
     <a href="javascript:void(0)">
<div class="box_ReportANewIssue" style="color:#ffffff; text-align:center; padding:25px 10px;">
      <div class="fa fa-laptop fa-4x" style="color:black;"></div>
    <h4 style="color:black">Veteran</h4>
 </div>
</a>
     </div>
    <div class="col-xs-3">
     <a href="javascript:void(0)">
<div class="box_ReportANewIssue" style="color:#ffffff; text-align:center; padding:25px 10px;">
      <div class="fa fa-exclamation-triangle fa-4x" style="color:black;"></div>
   <h4 style="color:black">Lender</h4>
</div>
</a>
     </div>  <div class="col-xs-3">
     <a href="javascript:void(0)">
<div class="box_ReportANewIssue" style="color:#ffffff; text-align:center; padding:25px 10px;">
      <div class="fa fa-question-circle fa-4x" style="color:black;"></div>
  <h4 style="color:black">Servicer</h4>
</div>
</a>
     </div>
  </div>

CSS

.box_ReportANewIssue{
        border: 1px solid black;
   margin-top:25px;
}
   @media only screen and (max-width: 769px) {
    .box_ReportANewIssue {
      width:48%;
      display:inline-block;
      margin-right:3%;
      height:145px;
      margin-top:3%;
      float:left;
      overflow:auto;
      position:relative;
      clear: both; 
      z-index: 115;
    }
     h3 {
    font-size:16px;
  }
   }

Output