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

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

#img_cascade_vent {
    justify-self: center;
    max-width: 800px;
}

#room_airflow_tbl {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    empty-cells: show;
}

.img_mechPlans {
    width:100%;
    cursor: pointer;
}

.mechPlans_legend_sup {
    width: 200px;
    font-weight: 500;
    border-style: solid;
    border-width: 2.5px;
    border-color: white;
    padding: 5px;
    background-color: rgb(184, 226, 239);
}

.mechPlans_legend_eta {
    width: 200px;
    font-weight: 500;
    border-style: solid;
    border-width: 2.5px;
    border-color: white;
    padding: 5px;
    background-color: rgb(246, 172, 156);
}

.mechPlans_legend_trans {
    width: 200px;
    font-weight: 500;
    border-style: solid;
    border-width: 2.5px;
    border-color: white;
    padding: 5px;
    background-color: rgb(235, 235, 235);
}

 /* ----------VENT DRAINS--------- */
.vent_components_wrapper {
    display: grid;
    grid-template-rows: auto;
}

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

.vent_comp_drains_imgs {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
}

.vent_comp_drains_imgCol {
    display: grid;
    grid-template-rows: auto;
    margin: 10px;
}

#img_drains {
    justify-self: center;
    max-width: 400px;
    max-height: 400px;
}

/* ------- VENT BALANCING ------- */
.vent_compo_balancing {
    display: grid;
    grid-template-rows: auto;
}

.vent_compo_balancing_imgs {    
    display: grid;
    grid-template-columns: 0.6fr 0.4fr;
}

/* ------- MUAS BALANCING ------- */

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

.vent_compo_mua_dampers {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
}

#muas {
    width: 75%;
    justify-self: center;
    margin-bottom: 25px;
}

#dampers {
    width: 75%;
    justify-self: center;
}

#energy_star {
    width: 50%;
    justify-self: center;
    margin-bottom: 25px;
}

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

.vent_compo_kitchen_recirc {
    display: grid;
    grid-template-columns: 0.6fr 0.4fr;
}

#vent_kitchen_img_wrap {
    display: grid;
    grid-template-areas: 
    "kit_img";
    position: relative;
}

#vent_kit_img {
    grid-area: kit_img;
    width: 75%;
    max-height: 650px;
    justify-self: center;
}

#img_mrkr_1 {
    position: absolute;
    top: 15%;
    left: 30%;
}

#img_mrkr_2 {
    position: absolute;
    top: 30%;
    left: 55%;
}

#img_mrkr_3 {
    position: absolute;
    top: 70%;
    left: 55%;
}

/* DHW Items */

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

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

.dhw_hr_content {
    display: grid;
    grid-template-columns: 0.45fr 0.55fr;
    padding: 20px;
}

/* ------- Heating and Cooling ------- */


.mech_system_imgs {    
    display: grid;
    grid-template-columns: 0.4fr 0.6fr;
}

/* Monitoring */

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

.monitoring_enviro {
    display: grid;
    grid-template-columns: 0.55fr 0.45fr;
    padding: 10px;
}

.monitoring_energy {
    display: grid;
    grid-template-columns: 0.55fr 0.45fr;
    padding: 10px;
}