@media only screen and (max-width: 992px){
    .main{
        flex-direction: column;
        
    }
    #hs{
        width: 40vh;
        height: 50vh;
        margin-left: 9em;
    }
    #hs, h2, p{
        display: flex;
        flex-direction: column;
    }
    #mascot, .wwu{
        width: 400px;
        height: 400px;
        margin-left: 8.4em;
    }
    #WWU{
        width: 40vh;
        height: 50vh;
        margin-left: 9em;
    }
    
}