@media screen and (min-width: 1000px) {
    #hamburger_landing {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    #desktop-nav {
        display: none;
    }
    #hamburger-nav {
        display: flex;
    }
    #landing {
        display: none;
    }
    #hamburger_landing {
        display: block;
        background-image: url(/assets/images/plant3.jpg);
        background-size: cover;
        height: 80vh;
        background-repeat: no-repeat;
        width: 100%;
    }
    #hamburger_landing .landing_text {
        position: absolute;
        top: 40%;
        left: 10%;
        padding-right: 45%;
        background-color: transparent;
        text-decoration: none;
        font-weight: bold;
    }
    .services {
        height: auto;
    }
    .rates {
        height: auto;
    }

}



@media screen and (max-width: 850px) {
    #desktop-nav {
        display: none;
    }
    #hamburger-nav {
        display: flex;
    }
    #landing {
        display: none;
    }
    #hamburger_landing {
        display: block;
        background-image: url(/assets/images/plant4.jpg);
        background-size: cover;
        height: 80vh;
        background-repeat: no-repeat;
        width: auto;
    }
    #hamburger_landing .landing_text {
        position: absolute;
        top: 25%;
        left: 10%;
        padding-right: 45%;
        background-color: transparent;
        text-decoration: none;
        font-weight: bold;
    }
}

@media screen and (max-width: 550px) {
    #desktop-nav {
        display: none;
    }
    #hamburger-nav {
        display: flex;
    }
    #landing {
        display: none;
    }
    #hamburger_landing {
        display: block;
        background-image: url(/assets/images/planthamburger.jpg);
        background-size: cover;
        height: 85vh;
        background-repeat: no-repeat;
        width: 100%;
    }
    #hamburger_landing .landing_text {
        position: absolute;
        top: 25%;
        left: 10%;
        padding-right: 50%;
        background-color: transparent;
        text-decoration: none;
        font-weight: bold;
    }
    .map {
        width: auto;
    }
    .footer {
        background-color: #396133;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 70%;
        height: 50px;
    }
}