/* ------Cover Page--------*/
#intro {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    grid-template-areas: 
    "intro_iso bldgtyp"
    "intro_iso logo"
    "intro_iso logo";
}
 
#intro_iso {
    grid-area: intro_iso;
    object-fit: contain;
    width: 100%;
    height: auto;
}

#intro_logos {
    grid-area: logo;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#intro_bldgtyp_info {
    text-align: right;
    grid-area: bldgtyp;
}

img.ph_logo {
    object-fit: contain;
    max-height: 150px;
}

/* ------- */

.PH_wrap {
    display: grid;
    grid-template-rows: auto;
}

.ph_icon {
    width: 75%;
    justify-self: center;
    margin-bottom: 35px;
}

.ph_water_wrap {
    display: grid;
    grid-template-areas: 
    "img";
    position: relative;
} 

#ph_water_img{
    grid-area: img;
    width: 75%;
    max-height: 650px;
    justify-self: right;
}

#txt1 {
    position: absolute;
    top: 1%;
    left: 25%;
    height: 0px;
}

#txt2 {
    position: absolute;
    top: 65%;
    left: 6%;
    height: 0px;
}


.terminology {
    display: grid;
    grid-template-rows: auto;
}

.term {
    display: grid;
    grid-template-columns: 0.45fr 0.55fr;
}