@media(min-width: 768px){
    .navbar{
        flex-direction: row;
    }

    .title{
        width: 75%;
        padding-left: 1em;
        display: inline-block;
    }

    .nav-link{
        width: 12.5%;
    }

    .hero{
        flex-direction: row;
    }

    .empty{
        width: 40%;
    }

    .main-hero{
        width: 60%;
        text-align: center;
    }

    .hero-title{
        margin-bottom: 0;
        font-size: 3em;
    }

    .hero-text{
        font-size: 1.3em;
        padding-right: 1em;
    }

    .vr-lounge{
        width: 49.6%;
    }

    .vr-hologram{
        width: 49.7%;
    }

    .sub-heading{
        width: 90%;
        align-items: center;
        justify-content: center;
    }

    .contact-title{
        font-size: 3.3em;
    }

    .form{
        flex-direction: row;
    }

    .form-pic-div{
        height: 35vh;
        flex-grow: 1.3;
        margin-left: 3em;
    }

    #name, #email, #submit, #message{
        display: block;
        height: 2.5em;
        border-radius: 0.7em;
        width: 70%;
    }

    .form-inputs{
        flex-grow: 1.7;
    }

    #submit{
        width: 15%;
    }

    #message{
        height: 5em;
    }

    .contact-form-section{
        height: 80vh;
    }

    .footer{
        flex-direction: row;
        height: 15vh;
    }

    .foot-text, .foot-contact{
        padding-left: 0;
    }
}

@media(min-width: 900px){
    #submit{
        width: 120px;
    }
}