making websight have more of a responsive design

shop/static/styles.css

@@ -30,6 +30,7 @@ a:link {
     clear: right;
     padding: 20px;
     text-align: center;
+    height: 100%;
 }
 
 .home_left {
@@ -78,7 +79,7 @@ a:link {
 .item_page_title {
     font-size: 400%;
     border: thin;
-    padding-left: 50px;
+    padding-left: 3%;
     font-family: Andale Mono, monospace;
 }
 
@@ -334,7 +335,7 @@ li {
 }
 
 .item_page_text {
-    padding-left: 50px;
+    padding-left: 3%;
     font-size: 150%;
     color: #525252;
 }
@@ -345,7 +346,7 @@ li {
 }
 
 .item_page_information {
-    padding-left: 50px;
+    padding-left: 3%;
 }
 
 .sponsor_image {
@@ -432,6 +433,7 @@ li {
 .item_page_side {
     float:right;
     position: relative;
+    height: 100%;
 }
 
 .empty_cart_image {
@@ -443,7 +445,7 @@ li {
 }
 
 .review_box {
-    margin-left: 50px;
+    margin-left: 3%;
     margin-top: 60px;
 }
 
@@ -473,8 +475,9 @@ li {
     background-color: #202020;
     margin:0px;
     text-align: center;
+    height: 80px;
 }
 
 .header_img {
-    height: 80px;
+    height: 90%;
 }