:root {
    --patel-pink: #f6adb9;
    --pastel-green: #5F7C6B;
    --txtGreen: #1b1f1e;
    --lightGreen: #edefea;
}

h1, h2 {
    position: absolute;
    left: -9999px;
}

.navFix {
    position: fixed;
    top: 0;
    background-color: white;
    height: auto;
    width: 100%;
    z-index: 1000;
}

a {
    text-decoration: none !important;
    color: var(--txtGreen) !important;
    margin: 1.5vw !important;
    display: inline-block !important;
    font-family: laleZar !important;
}

nav {
    width: 95vw;
    height: 6vw;
    margin: auto;
}

#logo {
    float: left;
    width: 25vw;
}

    #logo div {
        float: right;
        font-family: Mitra;
        color: var(--txtGreen);
        margin-top: 3vw;
    }

#items {
    text-align: right;
    float: right;
    width: 70vw;
    margin-top: 1.5vw;
}

#logoImg {
    width: 100px;
    height: 100px;
    max-width: 7vw;
    max-height: 7vw;
    border-radius: 50%;
}

.active {
    background-color: var(--txtGreen) !important;
    color: whitesmoke !important;
    border-radius: 35vw !important;
    text-align: center !important;
}

.subItems {
    font-size: 3vmin;
}

.footerInfo {
    width: 100.9vw;
    background-color: var(--lightGreen);
    float: right;
    margin-bottom: 0vw;
}

#fTitle {
    float: right;
    font-family: Lalezar;
    margin-top: 2vw;
    margin-right: 3vw;
    font-size: 2.5vw;
}

#fSubTitle {
    float: right;
    font-family: Mitra;
    margin-top: 2vw;
    margin-right: -21.5vw;
    font-size: 2.5vw;
}

.whatsApp {
    float: right;
    width: 3vw;
    height: auto;
    margin-right: 7vw;
    margin-top: -2vmax;
}

.insta {
    float: right !important;
    width: 3vw;
    height: auto;
    margin-right: 1vw;
    margin-top: -2vw;
}

#address1 {
    font-family: Mitra;
    font-size: 1.7vw;
    float: right;
    margin-right: 8vw;
    margin-top: -4vw;
    text-align: right;
}


#phone {
    font-family: Lalezar;
    font-size: 1.7vw;
    float: right;
    margin-right: 14vw;
    margin-top: -4vw;
}

    #phone i {
        padding-right: 2vw;
    }



.famoInfo {
    /*position: relative;*/
}

.famoInfoImg {
    width: 100.9vw !important;
    /*position: relative;*/
    bottom: 0;
    left: 0;
    height: 5vmax;
}

.famoInfoLoc {
    width: 3vw;
    height: auto;
    float: right !important;
    /*margin-top:10vw;*/
    z-index: 10;
    position: relative;
    bottom: -2.5vw;
    right: -90vw;
}

.famoDesc {
    color: whitesmoke !important;
    font-family: Mitra;
    font-size: 2.5vmin;
    width: 30vw;
    /*height: auto;*/
    float: right;
    margin-top: -3.5vmax;
    z-index: 10;
    position: relative;
    right: 5vw;
    text-align: right;
}

.famoSite {
    height: 3vw;
    color: whitesmoke !important;
    font-family: Mitra;
    font-size: 3.5vmin;
    position: absolute;
    /*bottom: -5vw;*/
    /*margin-bottom: -.7vw !important;*/
    left: 40vw;
    width: 15vw;
    margin: auto;
    z-index: 1001;
    width: 10vw;
}

@media (max-width : 1080px) {
    .famoSite {
        margin-top: auto; /* این خط باعث میشه همیشه بره پایین‌ترین بخش */
        text-align: center;
        padding: 1rem;
        font-size: 0.9rem;
        color: #888;
        text-decoration: none;
    }
}