diff --git a/public/img/bannerHomeCrop.webp b/public/img/bannerHomeCrop.webp new file mode 100644 index 0000000000000000000000000000000000000000..06f35400b63313cca4e0c165a21d651354e3a9b0 Binary files /dev/null and b/public/img/bannerHomeCrop.webp differ diff --git a/public/internal/header.php b/public/internal/header.php index f1f2295ad85d576e43d1510667c45276e29f6b3d..b5ce959f9e7b96d927a59c3a47e999f0f802bea9 100644 --- a/public/internal/header.php +++ b/public/internal/header.php @@ -28,10 +28,8 @@ function getHeader($pagetitle, $navselect) <header > <div class="header-wrapper" > <div class="header-homepage"> - <div class="row header-content header-content-centered" > - <div class="align-holder" > - <h1 class="heading8" >$pagetitle</h1 > - </div > + <div class="align-holder" > + <h1>$pagetitle</h1 > </div > </div > <div class="header-separator header-separator-bottom " > diff --git a/scss/_header.scss b/scss/_header.scss index a06d6d6cbc9b04bdd4ce00206c028efcb8cc3306..f70249b716b3c75d39d5d451decb01d27b2341e5 100644 --- a/scss/_header.scss +++ b/scss/_header.scss @@ -2,13 +2,20 @@ box-sizing: border-box; } .header-homepage { - background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(/img/bannerHome.webp), no-repeat, center; + background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(/img/bannerHomeCrop.webp); background-size: cover; position: relative; color: #fff; z-index: 0; padding-top: 160px; - padding-bottom: 160px; + padding-bottom: 360px; + + h1 { + width: 100%; + text-align: center; + font-size: 3.3em; + font-weight: 600; + } } .header-separator-bottom { @@ -25,68 +32,4 @@ .header-wrapper { position: relative; -} - -@media only screen and (min-width:768px) { - h1 { - font-size: 3.4em; - } - p { - line-height: 130%; - } - h1.heading8 { - font-size: 3.3em; - } - .gridContainer { - width: 90%; - max-width: 1232px; - - .row { - margin-left: -15px; - margin-right: -15px; - clear: both; - } - } - .header-description-row { - &:before { - content: normal; - } - - &:after { - content: normal; - } - } - .header-content-centered { - margin-left: auto; - margin-right: auto; - } - .header-buttons-wrapper { - margin: 0 -9px 0 -9px; - clear: both; - } - .header-content { - padding-top: 8%; - padding-bottom: 8%; - width: 100%; - margin-left: auto; - margin-right: auto; - - .align-holder { - text-align: center !important; - } - } -} - @media only screen and (min-width: 1024px) { - .gridContainer { - width: 80%; - } - h1 { - font-size: 3.8em; - } - p { - line-height: 150%; - } - .header-homepage { - min-height: auto; - } - } +} \ No newline at end of file