diff --git a/_scss/pages/home.scss b/_scss/pages/home.scss index 2994364..8e43371 100644 --- a/_scss/pages/home.scss +++ b/_scss/pages/home.scss @@ -85,10 +85,12 @@ a:active { padding-bottom: Min(50vw, 250px); &-topper { margin-top: 175px; - height: Min(50vw, 250px); + // The content below the topper shouldn't be too high or too low. + height: Min(Max(50vw, 175px), 250px); text-align: center; position:relative; - top: -90px; + // Keep Paddy just cresting the top. + top: calc(-20px - Min(Max(50vw, 175px), 250px) * .3); .topper-img { width: 40%; height: auto; @@ -122,7 +124,7 @@ a:active { .right-bleed { width: 35%; img { - height: 250px; + width: calc(100% + 40px); } } .content-text {