responsive

src/app/modals/profile/edit-profile/edit-profile.page.scss

@@ -1,3 +1,5 @@
+@import '~src/function.scss';
+
 .main-content{
   overflow: hidden !important;
 }
@@ -31,7 +33,7 @@
       width: 74.67%;
       margin: 0 auto;
       overflow: auto;
-      font-size: 8.5px;
+      font-size: rem(8.5);
       font-family: Bahnschrift;
 
       .logo-description-content{
@@ -84,7 +86,7 @@
   float: left;
 
   .profile-title{
-    font-size: 20px;
+    font-size: rem(20);
     font-weight: 300;
     margin-bottom: 20px;
   }
@@ -92,7 +94,7 @@
     margin-top: 20px;
     color: black;
     font-family: Roboto;
-    font-size: 13px;
+    font-size: rem(13);
 
     .user-role{
         background-color: white;
@@ -117,7 +119,7 @@
         height: 40px;
         float: left;
         padding: 5px;
-        font-size: 25px;
+        font-size: rem(25);
       }
       .ion-input-class{
         width: calc(100% - 40px);
@@ -135,7 +137,7 @@
 }
 
 .icon{
-  font-size: 40px;
+  font-size: rem(40);
 }
 
 .profile-pic{
@@ -154,12 +156,12 @@
   margin-top: 15px;
   float: left;
   font-family: Roboto;
-  font-size: 13px;
+  font-size: rem(13);
   font-weight: 300;
 
 
   .preference{
-      font-size: 20px;
+      font-size: rem(20);
       margin-bottom: 0 !important;
   }
   .checkBox{