:root {
    --welcome-image-wh-ratio: calc(1800 / 1000); 
    --welcome-image-min-width: 700px;

    --welcome-image-hw-ratio: calc(1 / var(--welcome-image-wh-ratio));
}

.page-home-welcome {
    width: 100%;
    position: relative;
    /* padding-bottom: 40.625%; */
    padding-bottom: calc(
        min(max(var(--welcome-image-hw-ratio) * 100%, var(--welcome-image-min-width) * var(--welcome-image-hw-ratio)), 500px)
        -
        max(0px, min((1000px - 100%) * 0.45, 0.45 * 100px))
    );
}
.page-home-welcome-image-container {
    position: absolute;
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    z-index: 10;
}
.page-home-welcome-image {
    width: 100%;
    min-width: var(--welcome-image-min-width);
    /* max-height: 500px; */
    margin-left: 50%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    transform: translate(-50%, -10%);
    -ms-transform: translate(-50%, -10%);
    -webkit-transform: translate(-50%, -10%);
    -moz-transform: translate(-50%, -10%);
    -o-transform: translate(-50%, -10%);

    /* transform: translateY(-10%); */
}
.page-home-welcome-box {
    position: absolute;
    z-index: 20;
    margin-left: 3%;
    margin-left: 3%;
    top: min(6vw, 100px);
    /* top: calc(60% - 35px); */
}
.page-home-welcome-logo-icon {
    height: max(8vw, 70px);
}
.page-home-welcome-text {
    color: white;
    text-shadow: 1px 1px 3px rgb(84, 84, 84);
    font-family: "font-body-italic";
    font-size: calc(1.5vw + 13px);
    vertical-align: text-top;
    /* transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    -webkit-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -o-transform: translateY(-150%); */
}

.page-home-description-container {
    padding: 20px max(20px, 20% - 200px);
}
.page-home-description-text {
    font-family: "font-body-bold";
    color: rgb(34, 50, 109);
}