From 5af99daa0d154560c90e2d7c56b23ae6577c415e Mon Sep 17 00:00:00 2001 From: Victoria Wang Date: Sat, 14 Mar 2015 12:14:31 -0500 Subject: [PATCH] Misc adjustments to margins on mobile and elsewhere --- sass/_project-sass/_project-Main.scss | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index 9d012717..40b00f7a 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -15,6 +15,10 @@ .content, .footer-Content { padding: 20px 3%; + @media (max-device-width:480px), screen and (max-width:800px) { + padding: 20px 7%; + } + @media screen and (min-width:1300px){ padding: 20px 0; } @@ -30,6 +34,10 @@ .interior .header-Outro { padding-top: 30px; overflow: hidden; + + @media (max-device-width:480px), screen and (max-width:800px) { + padding-top: 15px; + } } .interior .header-Outro h1 { font-size: 2.5em; @@ -56,13 +64,6 @@ color: #e93250; font-weight: bold; } -.interior .header-Outro .row.content { - padding-left: 3%; - padding-right: 3%; - h1, h2, h3 { - padding-left: 2px; - } -} .interior .header-Outro .subtitle { font-size: 1em; margin-top: -15px; @@ -78,6 +79,10 @@ box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10); padding: 25px 3% 40px 3%; + @media (max-device-width:480px), screen and (max-width:800px) { + padding: 22px 7% 40px 7%; + } + h1, h2, h3, h4, h5, h6 { margin-top: 1em; &:first-child { @@ -555,6 +560,10 @@ } .interior .header-Outro.with-columns .col { padding: 25px 0 8px 30px; + + @media (max-device-width:480px), screen and (max-width:800px) { + padding: 10px 0 0 27px; + } } .interior .header-Outro.with-columns .col-32 { width: 33%;