1 files changed, 16 insertions, 28 deletions

diff --git a/styles.css b/styles.css
index 5be5418..aa8626c 100755
--- a/styles.css
+++ b/styles.css
@@ -67,7 +67,7 @@ section:nth-child(odd) {
 
 .title, .title-info-flex, .edges{
     text-align: left;
-    padding: 0 15% 10px 15%;
+    padding: 0 8rem;
 }
 
 .title {
@@ -409,23 +409,21 @@ course info section
 full menu & ta_calendar
  */
 
-.spreadsheet-wrapper {
+.iframe-wrapper {
     display: flex;
     flex-direction: column;
     align-items: center;
-    margin: 0 auto;
+    margin: 2rem 8rem;
 }
 
 .important-note > p {
-    padding-left: 10px;
-    margin: 0 0 1rem 0;
+    margin-bottom: 1rem;
 }
 
 .embedded-iframe {
-    width: 70vw;
-    height: max(60vh, 500px);
+    width: 100%;
+    height: max(60vh, 600px);
     display: block;
-    margin-top: 10px;
 }
 
 /*
@@ -443,18 +441,16 @@ convenience for helpful links
     align-items: center;
 }
 
-.wrap-container {
+.email-container {
     display: flex;
-    flex-wrap: wrap;
     justify-content: left;
-    width: 100%;
+    margin-bottom: 50px;
 }
 
 .flex-column {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    align-items: center;
 }
 
 .flex-right {
@@ -477,9 +473,9 @@ convenience for helpful links
     display: flex;
     flex-direction: row;
     align-items: start;
-    justify-content: space-evenly;
+    justify-content: space-between;
     margin: 1rem auto 0 auto;
-    padding: 0 5%;
+    padding: 0 8rem;
 }
 
 .helpful-link {
@@ -562,11 +558,11 @@ staff area
 .email {
     border-left: 3px solid var(--accent-color);
     padding-left: 10px;
-    margin: 10px 25px;
+    margin-right: 30px;
 }
 
-#emails {
-    margin-bottom: 15px;
+.shelf {
+    align-items: center;
 }
 
 .ta-box-left, .ta-box-right {
@@ -717,17 +713,9 @@ img {
 
 
 @media only screen and (max-width: 1100px) {
-    .title-info-flex, .title, .edges {
-        padding: 0 5%;
-    }
-
     .embedded-iframe {
         width: 90vw;
     }
-
-    .wrap-container {
-        justify-content: center;
-    }
 }
 
 
@@ -748,7 +736,7 @@ img {
         padding-left: 1rem;
     }
     .title-info-flex, .title, .edges {
-        padding-left: 2%;
+        padding-left: 2rem;
     }
     .embedded-iframe {
         width: 95vw;
@@ -757,7 +745,7 @@ img {
         width: 90%;
     }
     .ta-box-left, .ta-box-right {
-        max-width: 45%;
+        max-width: 50%;
     }
     .ta-box-left {
         flex-direction: column-reverse !important;
@@ -843,7 +831,7 @@ img {
         margin-top: 2rem;
     }
     section {
-        padding: 3rem 2rem;
+        padding: 3rem 1rem;
     }
 }