html {
    font-size: 16px;
    font-family: Calibri,Arial,Verdana,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    background-color: #dadada;
    height: 100%;
    margin: 0;
    padding: 0;
}

.page-node-type-homepage .layout-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

header[role="banner"] {
    position: relative; /* create stacking context for absolute background */
    overflow: hidden;
    background-color: #0b1cc2;
    height: 20vh;
    min-height: 9.5rem;
}
.page-node-type-homepage header[role="banner"] {
    height: 38vh;
    min-height: 9.5rem;
    flex-shrink: 0;
}

header[role="banner"] a, header[role="banner"] a:visited {
    color: #ffffff;
    text-decoration: none;
}
header[role="banner"] a:hover {
    color: #ffb300
}

.js-three-header {
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0; */
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none; /* allow clicks through to header content; remove if you need interaction */
}
header[role="banner"] > *:not(.js-three-header) {
    position: relative;
    z-index: 1;
}

.region.region-header {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 20px;
}

.page-node-type-homepage main[role="main"] {
    /*height: 62vh;*/
}

.region.region-content {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
}
.page-node-type-homepage .region.region-content {
    padding: 0;
    max-width: none;
}
h1.site-title {
    color: #ffffff;
    font-size: 2.5em;
    margin: 0;
    padding: 0;
}

/* Display sections on the homepage */
.page-node-type-homepage .field--name-field-homepage-sections {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.page-node-type-homepage .field--name-field-homepage-sections > .field__item {
    width: 25%;
    box-sizing: border-box;
}
.page-node-type-homepage .field--name-field-homepage-sections .paragraph--type--homepage-section {
    height: calc(62vh - 1.5rem);
    min-height: 250px;
}