-
diff --git a/_site/css/article-page.css b/_site/css/article-page.css
index b70f2e1..8750ee8 100644
--- a/_site/css/article-page.css
+++ b/_site/css/article-page.css
@@ -15,27 +15,31 @@
/* adjust video dimensions depending on screen size */
iframe {
- width: 100%;
- height: calc(68.8vw / 16 * 9);
+ width: 100%;
+ height: calc(68.8vw / 16 * 9);
}
@media screen and (max-width: 1550px) {
- iframe {
- width: 100%;
- height: calc(70vw / 16 * 9 - 6px);
- }
+ iframe {
+ width: 100%;
+ height: calc(70vw / 16 * 9 - 6px);
+ }
+}
+
+@media screen and (max-width: 800px) {
+ iframe {
+ height: calc(90vw / 16 * 9 - 5px);
+ }
+ .mdc-typography--headline3, .mdc-typography--headline5 {
+ font-size: 1.5rem;
+ line-height: 1.625rem;
+ }
}
@media screen and (max-width: 600px) {
- iframe {
- height: calc(90vw / 16 * 9 - 5px);
- }
-}
-
-@media screen and (max-width: 600px) {
- iframe {
- height: calc(93.5vw / 16 * 9);
- }
+ iframe {
+ height: calc(93.5vw / 16 * 9);
+ }
}
diff --git a/css/article-page.css b/css/article-page.css
index b70f2e1..8750ee8 100644
--- a/css/article-page.css
+++ b/css/article-page.css
@@ -15,27 +15,31 @@
/* adjust video dimensions depending on screen size */
iframe {
- width: 100%;
- height: calc(68.8vw / 16 * 9);
+ width: 100%;
+ height: calc(68.8vw / 16 * 9);
}
@media screen and (max-width: 1550px) {
- iframe {
- width: 100%;
- height: calc(70vw / 16 * 9 - 6px);
- }
+ iframe {
+ width: 100%;
+ height: calc(70vw / 16 * 9 - 6px);
+ }
+}
+
+@media screen and (max-width: 800px) {
+ iframe {
+ height: calc(90vw / 16 * 9 - 5px);
+ }
+ .mdc-typography--headline3, .mdc-typography--headline5 {
+ font-size: 1.5rem;
+ line-height: 1.625rem;
+ }
}
@media screen and (max-width: 600px) {
- iframe {
- height: calc(90vw / 16 * 9 - 5px);
- }
-}
-
-@media screen and (max-width: 600px) {
- iframe {
- height: calc(93.5vw / 16 * 9);
- }
+ iframe {
+ height: calc(93.5vw / 16 * 9);
+ }
}