body {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
}

img {
    /* padding: 0.25em; /**/
    margin-left: 0.25em;
    width: 10em;
    border: 1px black solid;
}

.logo {
    border: 0px;
}

.title {
    margin-left: 0.25em;
}


.steps {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    flex-wrap: wrap;
}

.step {
    padding: 0.25em;
    margin: 0.25em;
    /* border: 2px blue solid; */
    flex: 0 1 auto;
    display: flex;
}

.step-index {
    font-size: larger;
    font-weight: bold;
    margin-top: 2em;
    padding-left: 0.5em;
    border-bottom: 1px black solid
}

.wrapper {
    display: flex;
    flex-direction: column;
}

.android11 {
    color: red;
    margin-left: 0.25em;
    border: 1px red solid;
    padding: 0.25em;
    margin-bottom: 0.25em;
}

.notandroid11 {
    padding: 0.25em;
    margin-left: 0.25em;
    margin-bottom: 0.25em;
}

.images {
    display: flex;
    /* padding: 0.25em;
    margin: 0.25em;
    border: 2px red solid; /**/
}

.text {
    padding: 0.25em;
    border: 2px black solid;
    width: 20em;
    flex-grow: 1;
}

.note {
    margin-top: 0.25em;
    color: red; 
}