unused css removed

style.css

@@ -39,6 +39,7 @@ body {
 
 .card-image img {
   max-width: 100%;
+  max-height: 50vh;
 }
 .card-text img,
 .logo img {
@@ -81,12 +82,12 @@ hr {
   border: none;
   margin: 10px 10px 10px 0px;
 }
-@media only screen and (min-width: 320px), screen and (max-width: 573px) {
+/* @media only screen and (min-width: 320px), screen and (max-width: 573px) {
   .logo img {
     max-width: 100%;
     height: 40px;
   }
-}
+} */
 
 @media only screen and (max-width: 768px) {
   .card {
@@ -136,7 +137,7 @@ hr {
   }
   .card-image img {
     max-width: 100%;
-    height: auto;
+    max-height: 50vh;
   }
   .card-image {
     gap: 5;
@@ -154,14 +155,14 @@ hr {
   .sub-title {
     font-size: 16px;
   }
-  .card-image {
-    padding: 35px;
-    padding-bottom: 10px;
-  }
+
   .container > div:nth-child(6) > .card-body .card-image {
     max-width: 100%;
     padding: 0px;
   }
+  .card-image img{
+    padding: 35px;
+  }
 }
 
 @media only screen and (min-width: 1023px) {
@@ -189,13 +190,13 @@ hr {
     max-width: 100%;
   }
   .card-image img {
-    height: auto;
+   max-width: 100%;
     max-height: 50vh;
   }
 }
 
-@media only screen and (min-width: 1024px) and (max-width: 1440px) {
-  .card-text,
+@media only screen and (min-width: 1024px) {
+  .title,
   .sub-title {
     font-size: 14px;
   }
@@ -206,9 +207,19 @@ hr {
   .card-body {
     padding-left: 35px;
   }
+
 }
-@media only screen and (min-width: 1441px) {
+@media only screen and (min-width: 1440px) {
   .card {
     height: 50vh;
   }
+  .title,
+  .sub-title {
+    font-size: 18px;
+  }
+  
+  .card-body {
+    padding-left: 70px;
+  }
+
 }