/* Standardlisation for ABOUT only */
section>div.max-width{
    display: flex;
    justify-content: space-between;
    align-items: center;

    height:100%
}

#features00{
    height:fit-content;
    display:grid;
    place-content: center;
    color:var(--pri-color-1);
    margin: 2.5em 0 0 0;
}

/* features01 - Hero Header/Section */
#features01{
    display: flex;
}

#features01 img {
    width:600px; height:auto;
    /* position: relative;right:100px;top:25px */
}

/* #features01 .header     {color:var(--pri-color-1)} */
/* #features01 .max-width  {margin:30px 0 0 0;} */

/* Nav Bubbles */
#features-nav{
    width: 600px;
    height:600px;
    display: grid;
    grid-template-columns: repeat(2, 300px);
    place-items: center;
}

#features-nav .bubble{
    text-align:center;
    color:var(--pri-color-2);
    cursor:pointer;
    font-weight: 700;
}

#features-nav .bubble:hover{color:var(--sec-color-1)}

.features-nav-01{height:260px;width:250px}
.features-nav-02{height:220px;width:230px}
.features-nav-03{height:220px;width:250px}
.features-nav-04{height:220px;width:220px}





/* Footer */
/* footer {position: absolute; top:3670px;} */