Fixing responsiveness issues

client/assets/css/global.css

@@ -7,7 +7,7 @@
     font-weight: normal;
     font-style: normal;
   }
-  
+
   @font-face {
     font-family: 'BrandonGrotesqueBld';
     src: local('BrandonGrotesqueBld'),
@@ -25,8 +25,8 @@
     font-weight: normal;
     font-style: normal;
   }
-  
-  
+
+
   @font-face {
     font-family: 'PlayfairDisplayBld';
     src: local('PlayfairDisplayBld'),
@@ -46,7 +46,7 @@
   }
 
   /* FONT DETAILS */
-  
+
   * {
     font-family: 'BrandonGrotesqueReg';
     font-size: 18px;
@@ -57,7 +57,7 @@
     text-transform: capitalize;
     font-size: 30px;
   }
-  
+
   h2 {
     font-family: 'PlayfairDisplayBld';
     font-size: 24px;
@@ -99,9 +99,10 @@
 }
 
 .main_intro {
-  width: 75%;
-  margin: 0 auto;
-  padding: 30px 0px 30px 0px;
+  text-align: justify;
+  font-family: 'BrandonGrotesqueReg';
+  font-size: 18px;
+  line-height: 1.5;
 }
 
 .card-title {
@@ -109,18 +110,6 @@
   font-size: 25px;
 }
 
-.left-card {
-  text-align: left;
-  width: 60%;
-  margin: 20px auto;
-}
-
-.right-card {
-  text-align: right;
-  width: 60%;
-  margin: 20px auto;
-}
-
 button,input,select,textarea {
 	font-size:100%;
 	margin:0;
@@ -233,4 +222,4 @@ button:active,input[type="submit"]:active,input[type="button"]:active,input[type
 
 .footer-text {
   font-size: 12px;
-}
\ No newline at end of file
+}