/* Below is the support for the icons on the pages. */
#homeIcon {
    position: relative;
    float: left;
    height: 2rem;
    margin-right: 1ch;
}

#appIcon {
    position: relative;
    float: right;
    height: 6rem;
}

/* Below is support for screen shots on the right of the text */

#flex-container {
    display: flex;
    width: 100%;
}


#text-column {
    width: 70%;
}

#picture-column {
    width: 30%;

    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 0;
    overflow: clip;
    text-align: center;
}

.column-pic {
    max-width: 100%;
    display: inline-block;
}