/* max-widht-900px */
@media screen and (max-width:900px) {
    .nav a {
        display: none;
    }

    .list-bar {
        display: block;
    }

    .list-bar i {
        display: block;
    }
}

/* max-widht-700px */
@media screen and (max-width:700px) {
    .nav-contact a {
        display: none;
    }

    .footer-container {
        align-items: start;
        flex-direction: column;
    }

}

/* max-widht-700px */
@media screen and (max-width:600px) {
    .footer-service {
        margin-top: 5%;
    }

    .footer-nav {
        margin-top: 5%;
    }

    .footer-email {
        margin-top: 5%;
    }

}

@media (max-width: 768px) {

    .image-left,
    .image-right {
        display: none;
    }

    .overlay-content {
        width: 100%;
        position:relative;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: white;
    }

    .overlay-content span {
        color: var(--white);
        font-size: 3rem;
        font-weight: bold;
    }

    #para {
        font-size: 2.5rem;
        text-align: left;
    }

    .affordable,
    .value,
    .staff,
    .amenities {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

}