change padding to footer, main, side, and navbar

Author: Makeademic

index.html

@@ -41,6 +41,7 @@
   position: sticky;
   position: -webkit-sticky;
   top: 0;
+  padding: 5% 15%;  
 }
 
 /* Style the navigation bar links */
@@ -85,15 +86,15 @@
   -ms-flex: 30%; /* IE10 */
   flex: 30%;
   background-color: #f1f1f1;
-  padding: 20px;
+  padding: 5% 15%;
 }
 
 /* Main column */
 .main {   
   -ms-flex: 70%; /* IE10 */
   flex: 70%;
   background-color: white;
-  padding: 20px;
+  padding: 5% 15%;
 }
 
 /* Fake image, just for this example */
@@ -105,7 +106,7 @@
 
 /* Footer */
 .footer {
-  padding: 20px;
+  padding: 5% 15%;
   text-align: center;
   background: #ddd;
   font-weight: 300;

research.html

@@ -41,6 +41,7 @@
   position: sticky;
   position: -webkit-sticky;
   top: 0;
+  padding: 5% 15%;
 }
 
 /* Style the navigation bar links */
@@ -85,15 +86,15 @@
   -ms-flex: 30%; /* IE10 */
   flex: 30%;
   background-color: #f1f1f1;
-  padding: 20px;
+  padding: 5% 15%;
 }
 
 /* Main column */
 .main {   
   -ms-flex: 70%; /* IE10 */
   flex: 70%;
   background-color: white;
-  padding: 20px;
+  padding: 5% 15%;
 }
 
 /* Fake image, just for this example */
@@ -105,7 +106,7 @@
 
 /* Footer */
 .footer {
-  padding: 20px;
+  padding: 5% 15%;
   text-align: center;
   background: #ddd;
   font-weight: 300;

teaching.html

@@ -41,6 +41,7 @@
   position: sticky;
   position: -webkit-sticky;
   top: 0;
+  padding: 5% 15%;
 }
 
 /* Style the navigation bar links */
@@ -85,15 +86,15 @@
   -ms-flex: 30%; /* IE10 */
   flex: 30%;
   background-color: #f1f1f1;
-  padding: 20px;
+  padding: 5% 15%;
 }
 
 /* Main column */
 .main {   
   -ms-flex: 70%; /* IE10 */
   flex: 70%;
   background-color: white;
-  padding: 20px;
+  padding: 5% 15%;
 }
 
 /* Fake image, just for this example */
@@ -105,7 +106,7 @@
 
 /* Footer */
 .footer {
-  padding: 20px;
+  padding: 5% 15%;
   text-align: center;
   background: #ddd;
   font-weight: 300;