header.home {
    background-color: #E7F2F2;
    padding: 5vmax 0;
    font-size: 1.2rem;
    line-height: 1;
    & #home_header_text {
      container-type: inline-size;
    }
    & h2 {
        font-size: 3rem;
    }

    & h3 {
        font-size: calc( 100 / 14 * 1cqw);
    }
    p{
        font-size: min(1.2rem, calc( 100 / 16 * 1cqw));
    }
    @media(max-width: 567px) {
        --nav-height: 80px;
        height: calc(100vh - var(--nav-height));
    }

}

.info-card {
    & svg {
        max-width: 5rem;
        color: #BEC6E3;
    }

}

section {
    margin: 5rem 0;

}

section.ui {
    margin: 10vw 0;
    /* box-shadow: inset 0 4vw 0 0 #fff, inset 0 -4vw 0 0 #fff; */
    background-color: var(--site-primary-color);

    @media(max-width: 1023px) {
        box-shadow: inset 0 -16vw 0 0 #fff;
    }

    & .ui-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        transform: translateY(-4vw);

        @media(max-width: 1023px) {
            position: static;
        }
    }


}