CSS updated

style.css

@@ -1,10 +1,16 @@
-.Cake-image {
+@media (max-width: 540px) {
+  header {
+    background-color: blue;
+
+  }
+  .Cake-image {
     height: 250px;
     width: 250px;
     float: left;
     padding: 10px;
 }
 
+
 header {
     background-color: bisque;
     color: black;
@@ -101,3 +107,114 @@ footer {
    background-color:#bbe4e9;
    height: 200px;      
 }
+}
+
+
+@media (min-height: 940px) {
+
+.Cake-image {
+    height: 250px;
+    width: 250px;
+    float: left;
+    padding: 10px;
+}
+
+
+header {
+    background-color: bisque;
+    color: black;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.div1 {
+    background-color: cornflowerblue;
+    height: 350px;
+}
+
+
+nav {
+
+    color: black;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.site-info {
+    color: black;
+    position:absolute;
+    bottom:600px;
+    right:10px;
+    text-align: right;
+    height: 50px;
+}
+
+li {
+    display: inline;
+    float: right;
+    padding: 5px;
+}
+
+.list li {
+        border: none;
+        color: white;
+        padding: 2px 10px;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 16px;
+        margin: 4px 2px;
+        cursor: pointer;
+      }
+
+      button {
+        height: 50px;
+        width: 70px;
+        font-size: 16px;
+        font-weight: bold;
+        padding-left: 2px;
+      }
+
+  main {
+    background-color: grey;
+  }
+
+  .welcome {
+    text-align: center;
+    padding-bottom: 50px;
+    font-size: 40px;
+    font-weight: 27px;
+    font-family: Georgia, 'Times New Roman', Times, serif;
+}
+
+.p2 {
+    text-align: right;
+}
+
+  /* .list2 {
+    display: inline;
+  } */
+
+  .cake-image2 {
+    height: 500px;
+    width: 500px;
+    margin-left: 200px;
+  }
+
+.cake-image3 {
+    height: 200px;
+    width: 200px;
+    margin-right: 100px;
+}
+.cake-image4 {
+    height: 200px;
+    width: 200px;
+    margin-right: 100px;
+}
+
+
+footer {
+   margin-top: 350px;  
+   background-color:#bbe4e9;
+   height: 200px;      
+}
+
+}