improve responsiveness

src/app/pages/agenda/view-event/view-event.page.html

@@ -36,7 +36,7 @@
 
           <div class="content-location">
             <span class="date">{{loadedEvent.Location}}</span>
-            <div *ngIf="loadedEvent.Organizer">
+            <div *ngIf="loadedEvent.Organizer" class="font-15-rem">
 
               <div *ngIf="eventsService.isMyEvent(loadedEvent) == false || sesseionStora.user.Profile =='PR'">
                 <span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' " style="background-color: #99e47b;">{{loadedEvent.CalendarName}}</span>
@@ -69,7 +69,7 @@
         <div class="line"></div>
         <div class="middle-content">
           <div *ngIf="loadedEvent.Attendees">
-            <h5>Intervenientes</h5>
+            <h5 class="font-17-rem">Intervenientes</h5>
             <ion-item class="ion-no-margin ion-no-padding">
               <ion-label>
                 <div *ngFor="let attendee of loadedEvent.Attendees">
@@ -79,7 +79,7 @@
             </ion-item>
           </div>
           <div *ngIf="loadedEvent.Body.Text">
-            <h5>Detalhes</h5>
+            <h5 class="font-17-rem">Detalhes</h5>
             <ion-item lines="none" class="ion-no-margin ion-no-padding">
               <pre class="width-100 text">{{ loadedEvent.Body.Text }} </pre>
             </ion-item>
@@ -88,7 +88,7 @@
         </div>
 
         <div *ngIf="loadedEvent.Attachments" class="bottom-content width-100">
-          <h5>Documentos Anexados</h5>
+          <h5 class="font-17-rem">Documentos Anexados</h5>
           <ion-list class="width-100">
             <ion-item *ngFor="let attach of loadedEvent.Attachments; let i = index" class="width-100" class="ion-no-margin ion-no-padding">
               <ion-label class="width-100 d-flex "  (click)="docIndex(i);LoadDocumentDetails()">