:root {
    --color-theme: #925a2b;
    --bg-site: #f0b8b7;
    --bg-box: #fef7ef;
}

.btn-theme {
    border-width: 2px;
}

.btn-theme:hover {
    background: var(--bg-site);
    border-color: var(--color-theme);
    border-width: 2px;
    border-style: solid;
    color: var(--color-theme);
    text-shadow: -1px 0 var(--color-white), 0 1px var(--color-white), 1px 0 var(--color-white), 0 -1px var(--color-white);
}

header {
    background: rgba(254, 250, 243, 1);
}

.header-desktop-phones:hover a, .header-desktop-booking:hover a {
    background: var(--bg-site);
    color: var(--color-box-text);
    border: 2px solid var(--color-theme);
}

footer .logo-footer img {
    padding: 0px;
}

.menu-desktop .list-inline > li:hover, .menu-desktop .list-inline > li.active {
    background: var(--bg-site);
    border: 2px solid var(--color-theme);
}

.menu-desktop .list-inline > li:hover > a, .menu-desktop .list-inline > li.active > a {
    color: var(--color-theme);
    text-shadow: -1px 0 var(--color-white), 0 1px var(--color-white), 1px 0 var(--color-white), 0 -1px var(--color-white);
}

.menu-desktop .header-desktop-phones:hover a {
    background: var(--bg-site);
    color: var(--color-black);
    border: 2px solid var(--color-theme);
    text-shadow: -1px 0 var(--color-white), 0 1px var(--color-white), 1px 0 var(--color-white), 0 -1px var(--color-white);
}

.beauty-spa .box-text .card-title h2 {
    color: var(--color-theme);
    text-shadow: -1px 0 var(--color-white), 0 1px var(--color-white), 1px 0 var(--color-white), 0 -1px var(--color-white);
}

.beauty-spa h3, .about-us h2, .home-gift-cart h2, .gallery h3 {
    color: var(--color-theme);
}

.contact h3 {
    text-shadow: none;
}

main .slider-banner .sliders .bg-box h3 {
    color: var(--color-theme);
}

.services-page .box-text .card-title h2 {
    color: var(--color-theme);
    text-shadow: -1px 0 var(--color-white), 0 1px var(--color-white), 1px 0 var(--color-white), 0 -1px var(--color-white);
}

@media (max-width: 1199px) {
    .about-us h2 {
        font-size: 30px;
    }

    .about-us p {
        line-height: 28px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .about-us h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .about-us p {
        line-height: 30px;
        font-size: 15px;
    }
}