navbar fixes

1 files changed, 33 insertions, 28 deletions

diff --git a/styles.css b/styles.css
index aa35b2b..20c44ef 100755
--- a/styles.css
+++ b/styles.css
@@ -1,7 +1,7 @@
 /*
 vars and color
  */
-:root {
+ :root {
     /* define the color pallet */
     /*--primary-color: #D1F7FF;*/
     --primary-color: rgb(220, 251, 254);
@@ -586,6 +586,7 @@ staff area
     align-self: flex-end;
     opacity: 1;
     transition: .5s ease;
+    border-radius: 30px;
 }
 
 .bio-text {
@@ -714,15 +715,15 @@ img {
 
 
 @media only screen and (max-width: 1100px) {
+    .title-info-flex, .title, .edges {
+        padding: 0 5%;
+    }
     .embedded-iframe {
         width: 90vw;
     }
     #helpful-links-box {
         padding: 0 6rem;
     }
-    .title, .title-info-flex, .edges {
-        padding: 0 6rem;
-    }
 }
 
 
@@ -731,14 +732,11 @@ img {
         width: 90%;
     }
     #helpful-links-box {
-        padding: 0 2rem;
+        padding: 0 5%;
     }
     .no-border-helpful-link {
         width: 85%;
     }
-    .title, .title-info-flex, .edges {
-        padding: 0 2rem;
-    }
     .faq-content {
         max-width: 80%;
     }
@@ -754,15 +752,17 @@ img {
     section {
         padding: 2rem 2rem;
     }
-    .title-info-flex, .title, .edges {
-        padding: 0;
+    #emails {
+        flex-wrap: wrap;
+    }
+    .email {
+        margin-bottom: 1rem;
+        word-break: break-all;
+        font-size: 90%;
     }
     .faq-content {
         max-width: 95%;
     }
-    .embedded-iframe {
-        width: 95vw;
-    }
     .shelf-png {
         width: 100%;
     }
@@ -778,12 +778,19 @@ img {
         margin: 0 5px;
     }
     .ta-pastry {
-       width: 95%;
-    }
-    .ta-box-right .img-box, .ta-box-left .img-box {
-        justify-content: center;
-        margin: 0;
-    }
+        width: 95%;
+     }
+     .ta-img {
+        height: 150px;
+     }
+     .ta-box-single .ta-img {
+        top: calc(60%);
+        height: 100%;
+     }
+     .ta-box-right .img-box, .ta-box-left .img-box {
+         justify-content: center;
+         margin: 0;
+     }
     .img-box:hover {
         margin-top: 25px;
     }
@@ -799,6 +806,9 @@ img {
     .ta-box-single .bio-text p {
         width: 175px;
     }
+    .iframe-wrapper {
+        margin: 2rem 10rem;
+    }
 }
 
 @media only screen and (max-width: 600px) {
@@ -832,7 +842,7 @@ img {
     }
     #helpful-links-box {
         flex-direction: column;
-        padding: 0;
+        padding: 0 5%;
     }
     #helpful-links-box .flex-column, #helpful-links-box .button {
         width: 80%;
@@ -843,20 +853,15 @@ img {
     #helpful-links-box > .flex-column:not(:first-child) {
         margin-top: 2rem;
     }
-    #emails {
-        flex-wrap: wrap;
-    }
-    .email {
-        margin-bottom: 1rem;
-        word-break: break-all;
-        font-size: 90%;
-    }
     #hamburger-box {
         display: block;
     }
     .business-hours {
         margin-top: 2rem;
     }
+    section {
+        padding: 3rem 1rem;
+    }
 }
 
 @media only screen and (max-width: 425px) {