@media screen and (max-width: 40em) {
    #section-navbar {
        height: 5vh;
    }
    .main-logo {
        padding: 1vw;
    }
    .mobile-menu {
        padding: 2vw;
        font-size: 1.5em;
    }
    #ul-navbar-options.nav-mobile-display {
        top: 5vh;
    }
    .homepage-header {
        font-size: 1em;
    }
    .home-sub-section.homepage-btn-wrap {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        margin-top: 5vh;
    }
    .homepage.homepage-btn {
        display: inline-block;
        padding: 1vh 2vw;
    }
    .main-image {
        max-width: 95%;
        max-height: 40vh;
    }
    .sub-header {
        font-size: 1em;
        margin: 1vh auto;
    }
    .li-navbar-options {
        font-size: 2rem;
        padding: 2vh 2vw;
    }
}


/* FLOORPLAN */

@media screen and (max-width: 40em) {
    #page-2 {
    }
    #section-floor-plans {
        padding: 0vh 0;
    }
    .floor-plan {
        right: auto;
        max-width: 80vw;
        max-height: 60vh;
        /* left: 10vw; */
        /* bottom: 15vh; */
        position: absolute;
    }
    .sub-section-floor-plans {
        margin-top: 5vh;
    }
    #sub-section-navbar-fp {
        width: 30%;
        /* bottom: 5vh; */
        right: 0;
        text-align: -webkit-right;
        padding-right: 2vw;
    }
    .sub-header.sub-header-navbar-fp {
        font-size: 1em;
        width: 100%;
        padding: 1vh 0vw;
    }
    #ul-navbar-fp {
        display: block;
        /* padding: 1vh 0vw; */
        margin-block-start: 1vh;
        margin-block-end: 1vh;
    }
    .li-navbar-options.floorplan-btn {
        font-size: 1em;
        width: 100%;
        margin: 1vh 0vw;
        padding: 1vh 1vw;
    }
    .map-container {
        width: 100%;
        position: relative;
        bottom: 0;
        left: auto;
        transform: none;
        right: 0;
    }
    .sub-header-floor-plans {
        top: auto;
        bottom: auto;
    }
    .header-fp {
        font-size: 2em;
        top: auto;
    }
    .floorplan-content-wrap {
        width: 90%;
        position: relative;
        right: auto;
        margin-left: 5%;
    }
    .floorplan-content-wrap h3 {
        font-size: 1em;
        /* text-align: center; */
    }
    .page-content-fp {
        font-size: 1em;
        /* position: absolute; */
        width: auto;
        /* right: 0; */
        line-height: 1;
        /* width: 70%; */
        /* margin-left: 10%; */
    }
    .fp-content-container {
        margin-top: 0vh;
        margin-left: 10vw;
        width: max-content;
        /* height: 80vh; */
        display: none;
    }
    .header-3 {
        font-size: 1.5em;
    }
    .table-fp-size {
        font-size: 0.8em;
    }
    .table-fp-size tr {
        height: 1em;
    }
    .mobile-fp-btn-wrap {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5vh;
    }
    .mobile-fp-btn-wrap .floorplan-btn {
        cursor: pointer;
        display: block;
        background: var(--white);
        border-radius: 50vw;
        color: var(--black);
        border: 1px solid var(--white);
        padding: 2vw;
        margin-bottom: 2vh;
        width: 100%;
        transition: all 0.5s;
        font-size: 1em;
        font: inherit;
    }
    .mobile-fp-btn-wrap .floorplan-btn.fp-content-active {
        background: var(--black);
        color: var(--grey);
    }
    .li-navbar-options.floorplan-btn button {
        position: relative;
        /* top: 50%; */
        /* transform: translateY(-50%); */
    }
}


/* FEATURES */
@media screen and (max-width: 40em) {
    #page-3 {
        padding-top: 5vh;
    }
    #page-content-features {
        width: 90%;
        margin-left: 5%;
    }
    .features-tr {
        width: 100%;
        padding: 0;
        text-align: left;
        height: 10vh;
        margin-bottom: 1em;
    }
    .features-icons {
        height: auto;
        left: 0;
        max-width: 50%;
        max-height: 100%;
        position: relative;
        display: inline-block;
    }
}

/* LOCATION */
@media screen and (max-width: 40em) {
    .map-image {
        width: 100%;
    }
    #sub-section-location {
        width: 90%;
        margin-left: 5%;
    }
    .page-content.location-benefits {
        font-size: 1.25em;
    }
}

/* GALLERY */
@media screen and (max-width: 40em) {
    .img-c {
        width: 60%;
    }
}

/* CONTACT */
@media screen and (max-width: 40em) {
    .section-left {
        width: 90%;
        margin-left: 5%;
    }
    #sub-section-map {
        width: 90%;
        margin-left: 5%
    }
    .sub-section-address {
        width: 90%;
        margin-left: 5%;
        text-align: center;
        margin-top: 5%;
    }
    .submit-button {
        font-size: 2em;
        padding: 1vh 5vw;
    }
    .sub-section-footer {
        width: 49.5%;
        height: auto;
    }
    .section-footer {
        padding-bottom: 2em;
    }
}