From 7139c38e69a7e7395970fcf39fc773acfef0113a Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Thu, 25 Feb 2016 17:01:56 -0500 Subject: [PATCH] reducing h2 font size for small and medium 2rem for small 2.5rem for medium --- css/app.css | 8 ++++++++ scss/_structure.scss | 9 +++++++++ 2 files changed, 17 insertions(+) diff --git a/css/app.css b/css/app.css index e9dfc0e..7e124ee 100644 --- a/css/app.css +++ b/css/app.css @@ -7532,6 +7532,14 @@ h2 { color: #2c296d; letter-spacing: 0.07em; } +@media only screen and (max-width: 40em) { + h2 { + font-size: 2rem; } } + +@media only screen and (min-width:40.063em) and (max-width:64em) { + h2 { + font-size: 2.5rem; } } + h3 { color: #f48f22; } diff --git a/scss/_structure.scss b/scss/_structure.scss index c4d22a0..398993d 100644 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -26,6 +26,15 @@ h2 { color: $purple; letter-spacing: 0.07em; } +@media #{$small-only}{ + h2 { + font-size: 2rem; + } +}@media #{$medium-only}{ + h2{ + font-size: 2.5rem; + } +} h3 { color: $orange; } -- 2.17.1