Minor Changes

CSS/style.css

@@ -145,6 +145,54 @@ body {
   }
 }
 
+/* Media Query for Tablets Ipads portrait mode */
+@media only screen and (min-width: 768px) {
+  .card {
+    min-height: 20em;
+  }
+  .main-logo {
+    width: 10%;
+    margin: 2%;
+  }
+  .wrapper {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+  }
+  .logo {
+    width: 20%;
+    margin-top: 30%;
+  }
+  .desc {
+    width: 60%;
+  }
+  .hline {
+    width: 70%;
+  }
+  .title {
+    font-size: medium;
+  }
+  .offer {
+    font-weight: 300;
+    font-size: medium;
+  }
+  .image-block {
+    width: 40%;
+  }
+  .image-block .images {
+    width: 70%;
+    margin: 50% 0 1% 0;
+  }
+  .image-block .image1 {
+    width: 80%;
+    margin-top: 70%;
+  }
+  .image-block .image2 {
+    width: 100%;
+    margin-top: 75%;
+  }
+}
+
 /* Media Query for Laptops and Desktops */
 @media only screen and (min-width: 992px) {
   .container {