main {
    grid-column: 1 / -1;
}

#container {
    display:flex;
    justify-content: center;
}

.upperbody {
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
}

.upperbody p {
    order:1;
    display:grid;
    margin:2rem 2rem 0rem 2rem;
}

.title {
    font-size: 2rem;
    grid-area: 1 / 1 / 1 / 1;
    margin:0px;
    padding:4px;
}

.upperbody p img {
    grid-row: 2 / 2;
    max-height: 900px;
    width:100%;
}

.upText {
    order:2;
    grid-area: 2 / 1 / 2 / 1;
    width:100%;
    font-size: 1.2rem;
    padding:.5rem;
    max-width:48vw;
    min-height: 15rem;
    line-height: 150%;
    margin:1rem 2rem 1rem 2rem;
}

@media only screen and (max-width: 992px){
    .upText, .upperbody p, #container{
        margin:0px;
        width:100%;
    }

    .upperbody p img {
        max-width:992px;
    }

    .upText{
        max-width: 900px;
    }

    #container {
        flex-wrap:wrap;
    }
}

@media only screen and (max-width: 480px){
    
}