diff --git a/src/css/events.scss b/src/css/events.scss index 5279bf2..ce149ac 100644 --- a/src/css/events.scss +++ b/src/css/events.scss @@ -156,6 +156,9 @@ @media (max-width: $media-s) { margin: 0 0 1.2rem; + &-content { + padding: 0 1rem; + } } } @@ -224,13 +227,6 @@ } } - - @media (max-width: $media-m) { - &_text, &_image { - width: 100%; - } - } - &_image { position: relative; &:after { @@ -265,6 +261,31 @@ text-transform: uppercase; letter-spacing: 0.1em; } + + @media (max-width: $media-s) { + h1 { + font-size: 2rem; + margin: 0 auto; + } + } + + @media (max-width: $media-m) { + padding: 0 1rem; + &_text, &_image { + width: 100%; + } + &_image { + .gatsby-image-wrapper { + margin-left: auto; + } + } + &_text { + padding: 0; + } + .venue { + font-size: 1rem; + } + } } .event-links { @@ -322,4 +343,18 @@ background: transparent; } } + + @media (max-width: $media-m) { + padding: 1rem; + } + @media (max-width: $media-s) { + display: block; + .event-link { + width: 100%; + margin-bottom: 0.5rem; + span { + padding: 0.5rem; + } + } + } } \ No newline at end of file diff --git a/src/css/page.scss b/src/css/page.scss index 3cec515..308968d 100644 --- a/src/css/page.scss +++ b/src/css/page.scss @@ -26,6 +26,10 @@ h1.section-title { font-weight: 400; text-align: center; margin-bottom: 2rem; + + @media (max-width: $media-s) { + font-size: 2rem; + } } .wp-content { diff --git a/src/css/venues.scss b/src/css/venues.scss index f6992a8..db6b504 100644 --- a/src/css/venues.scss +++ b/src/css/venues.scss @@ -1,3 +1,4 @@ .venue-hero { - margin-bottom: 2rem; + max-width: $width-l; + margin: 0 auto 2rem; } \ No newline at end of file diff --git a/src/img/logo/logo-h-s.svg b/src/img/logo/logo-h-s.svg index 19f35cb..db08ba2 100644 --- a/src/img/logo/logo-h-s.svg +++ b/src/img/logo/logo-h-s.svg @@ -1,17 +1,11 @@ \ No newline at end of file diff --git a/src/img/logo/logo-h.svg b/src/img/logo/logo-h.svg index 0cb2689..f8e7e89 100644 --- a/src/img/logo/logo-h.svg +++ b/src/img/logo/logo-h.svg @@ -4,7 +4,6 @@