@media only screen and (min-width:800px){
    .body-block{
        flex: 1 1 0;
    }
    p{
        font-size: 1.2vmax;
    }
    .footer-list>li{
        margin-left: 25px;
    }
    footer>p{
        width: 25vmax;
    }
    input{
        padding: 15px;
    }
    .hero{
        height: 40rem;
        background-attachment: fixed;
    }
    .hero-title{
        font-size: 4vmax;
    }
    .nav{
        display: flex
    }
    .mobile-nav{
        display: none;
    }
    .contact-hero, .listing-hero{
        background-attachment: fixed;
    }
    .hero-secondary{
        max-height: 250px
    }
}

@media only screen and (max-width: 800px){
    .body-block{
        flex-basis: 100%;
    }
    p{
        font-size: 1.4em;
    }
    
    .listing-card{
        flex-basis: 100%;
        width: 90vw;
    }
    .contact-form{
        flex-direction: column;
    }
    footer{
        flex-direction: column;
        text-align: center;
        padding-top: 15px;
        justify-content: center;
    }
    .footer-list{
        flex-direction: column;
        text-align: center;
    }
    input{
        padding: 8px;
    }
    .hero{
        height: 450px;
        background-attachment: scroll;
    }
    .hero-title{
        font-size: 2em;
    }
    .contact-hero{
        height: 650px;
    }
    .contact-header{
        font-size: 1.6em;
        padding: 12px;
        margin: 5px;
    }
    .nav{
        display: none;
    }
    .mobile-nav{
        display: flex;
    }
    .contact-hero, .listing-hero{
        background-attachment: scroll;
    }
    .hero-secondary{
        height: 150px;
    }
    .member-block{
        flex-direction: column;
    }
    .member-info{
        justify-content: center;
        align-items: center;
    }
    .member-info > p{
        text-align: center;
        font-size: 0.8rem;
    }
}