improve responsiveness

src/app/pages/gabinete-digital/despachos-pr/despacho-pr/despacho-pr.page.html

@@ -3,7 +3,7 @@
     <div class="content d-flex flex-column" *ngIf="task">
       <div class="main-header" >
         <div class="title-content width-100 d-flex justify-space-between align-center">
-          <div class="font-30 cursor-pointer align-center d-flex" (click)="goBack()" defaultHref="#">
+          <div class="font-30-rem cursor-pointer align-center d-flex" (click)="goBack()" defaultHref="#">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
@@ -57,7 +57,7 @@
             </ion-item>
           </div>
           <div *ngIf="fulltask.workflowInstanceDataFields.TaskMessage">
-            <h5>Detalhes</h5>
+            <h5 class="font-17-rem">Detalhes</h5>
             <ion-item class="ion-no-margin ion-no-padding">
                 <pre class="width-100 text">{{ fulltask.workflowInstanceDataFields.TaskMessage }} </pre>
             </ion-item>
@@ -65,7 +65,7 @@
         </div>
         <div class="bottom-content width-100">
           <ion-list *ngIf="fulltask.Documents">
-            <h5>Documentos Anexados</h5>
+            <h5 class="font-17-rem">Documentos Anexados</h5>
             <ion-item *ngFor="let attachment of fulltask.Documents"
             class="ion-no-margin ion-no-padding cursor-pointer">
             <ion-label