diff --git a/assets/scss/case_studies.scss b/assets/scss/case_studies.scss index 49ac88dca1..a4d8f4aecf 100644 --- a/assets/scss/case_studies.scss +++ b/assets/scss/case_studies.scss @@ -70,6 +70,10 @@ body.cid-casestudies { background-repeat: no-repeat; } + .banner h2 { + color: #fff; + } + .banner * { position: relative; } @@ -213,15 +217,16 @@ body.td-section.cid-casestudies { } .video-quote, .case-study-video { - max-width: calc(clamp(40em, 50vw + 20em, 100vw - 4em)); - margin-left: auto; - margin-right: auto; + width: 50%; padding-top: 1em; padding-bottom: 1em; + box-sizing: border-box; + text-align: center; iframe { display: block; margin-left: auto; - margin-top: 1.5em; + width: 90%; + aspect-ratio: 16 / 9; } } @@ -269,12 +274,17 @@ body.td-section.cid-casestudies { } } -@media (max-width: 1000px) { +@media (max-width: 1200px) { body.td-section.cid-casestudies { .case-study { width: initial; flex-basis: 90vw; margin-bottom: 40px; } + + .video-quote, .case-study-video { + width: initial; + flex-basis: 90%; + } } } diff --git a/layouts/case-studies/single.html b/layouts/case-studies/single.html index ff9123e771..d9ea8927a4 100644 --- a/layouts/case-studies/single.html +++ b/layouts/case-studies/single.html @@ -2,7 +2,7 @@