@ -79,8 +79,10 @@
}
.section-header .column > img {
width: 100%;
.section-header, .section-header-app {
.column > img {
.col1:not(.col1-fill) {
@ -25,9 +25,18 @@ section.section-header {
section.section-header-app {
height: calc(100vh + 3em);
& > div.columns-container {
padding-top: 3em !important;
height: calc(100% - 6em);
@media screen and (max-width: 700px) {
section.section-header {
section.section-header, section.section-header-app {
height: auto;
min-height: calc(100vh + 3em);
@ -3,7 +3,7 @@
{{ $i18nAppData := index $data.apps .Data.AppIndex }}
{{ $AppData := index .Site.Data.metadata .Data.AppIndex }}
{{ with .Data }}
<section style="background: {{ .Background | safeCSS }};" class="section-header">
<section style="background: {{ .Background | safeCSS }};" class="section-header-app">
<div class="columns-container">
<div class="column col3 center text-right vertical-center {{ if .TextWhite }}text-white{{ end }}">
<br>