diff --git a/assets/css/main.scss b/assets/css/main.scss
index a7af48d..58b7b8c 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -38,22 +38,22 @@ ul {
 .wrapper {
     max-width: 600px;
     margin: auto;
-    padding: 30px;
-    @media screen and (max-width: 569px) {
-        padding: 15px;
+    padding: 15px;
+    @media screen and (min-width: 570px) {
+        padding: 30px;
     }
 }
 
 
 .main {
     margin-bottom: 30px;
-    padding-bottom: 10px;
-    border-bottom: 2px solid #000;
+    padding-bottom: 15px;
+    border-bottom: 1px solid #000;
     @media screen and (min-width: 570px) {
         display: flex;
         justify-content: space-between;
         align-items: baseline;
-        padding: 5px;
+        padding-bottom: 5px;
     }
     h1 {
         font-size: 36px;