.flexcontainer {
    display: flex;
    flex-flow: row wrap;
    document .getElementById("Button1").click();
}

.pageheader {
    flex: 1 0 33%;
    min-height: 15vh;
    background-color: #a16d4f;
}

.pagefooter {
    flex: 1 0 33%;
    min-height: 15vh;
    background-color: #bc8af3;
}

.innerboxleft {
    flex: 1 0 15%;
    border: 5px solid lightgray;
    min-height: 33.33vh;
}
.innerboxmiddle {
    flex: 1 0 70%;
    border: 5px solid lightgray;
    min-height: 33.33vh;
}
.innerboxright {
    flex: 1 0 15%;
    border: 5px solid lightgray;
    min-height: 33.33vh;
}

@media screen and (max-width: 400px) {
    #imgBuggy{
        height: 20vh;
    }

    .innerboxheader {
        flex: 1 0 100%;
        border: 5px solid #222;
        min-height: 15vh;
    }

    .innerbox {
        flex: 1 0 100%;
        border: 5px solid #222;
        min-height: 25vh;
    }

        .innerbox:last-child {
        }
}

.auto-style1 {
    width: 100%;
}