Template:Main Page/Header new/styles.css

.gd-mp-header { overflow: hidden; position: relative; text-align: center; margin-bottom: 10px; color: #484848; } @supports (object-fit:cover) { .gd-mp-headerimage { width: 100%; object-fit: cover; object-position: top left; } } .gd-mp-overlay { height: 0; left: 50%; margin: 0 0 0 -50%; position: absolute; top: 65px; width: 100%; }

.gd-mp-headerbox { background: #ddd; background: rgba(221, 221, 221, 0.9); display: inline-block; padding: 2em; font-size: 1.2em; line-height: 2em; }

.gd-mp-subheader { margin-top:10px; } .gd-mp-subheader > div { overflow: hidden; position: relative; background-color:white; display: inline-block; width: auto; margin: 0 auto; padding-left: 1em; padding-right: 1em; text-align: center; box-sizing: border-box; }