@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200;0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;0,8..60,800;1,8..60,200;1,8..60,300;1,8..60,400;1,8..60,500;1,8..60,600;1,8..60,700;1,8..60,800&display=swap');

body{
    font-family: 'Source Serif 4', serif;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Source Serif 4', serif;
}
p{
    font-family: 'Source Serif 4', serif;
}
a{
    font-family: 'Source Serif 4', serif;
}
.navone {
    position: absolute !important;
    top: 20px !important;
}
.smaller>i:hover{
        background: #F1EFEE !important;
        color:#9C5738 !important;
    }
@media(max-width:576px){
    .navone{
        position:static !important;
    }
    .logo-img{
        display:none !important;
    }
    .smaller{
        font-size:16px !important;
    }
    .smaller>i{
        margin-right:15px !important; 
    }
    .move-cen{
        text-align:center !important;
    }
    .no-mar2{
        margin-top:20px !important;
    }
    .no-mar{
        margin-left:0 !important;
    }
    .static{
        position:static !important;
        left:0 !important;
        margin-top:20px !important;
    }
}
.navbar-nav>li{
    padding:0 16px !important;
}
.one>a{
    border: 1px solid #1F1F1F !important;
    background:transparent !important;
    color:#1F1F1F !important;
    padding: 21px 15px !important;
    font-family: 'Source Serif 4',serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    text-transform:uppercase !important;
}
.one>a:hover{
    background: #C9B7A9 !important;
    border:1px solid #C9B7A9 !important;
    color: #38382A !important;
}
.two>a{
        border: 1px solid #7A4128 !important;
    background: linear-gradient(180deg, #9C5738 0%, #7A4128 100%) !important;
    color:#F1EFEE !important;
    padding: 21px 15px !important;
    font-family: 'Source Serif 4', serif;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    text-transform:uppercase !important;
}
.two>a:hover{
        background: #C9B7A9 !important;
    border:1px solid #C9B7A9 !important;
    color:#38382A !important;
}

.is-btn-ghost2{
    border: 1px solid #1F1F1F;
    background:transparent;
    color:#1F1F1F;
    padding: 21px 15px;
    font-family: 'Source Serif 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-transform:uppercase;
}
.is-btn-ghost2:hover{
    background: #C9B7A9 !important;
    border:1px solid #C9B7A9 !important;
    color: #38382A !important;
}
.is-btn-ghost1{
    border: 1px solid #7A4128;
    background: linear-gradient(180deg, #9C5738 0%, #7A4128 100%);
    color:#F1EFEE;
    padding: 21px 15px;
    font-family: 'Source Serif 4';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-transform:uppercase;
}
.is-btn-ghost1:hover{
    background: #C9B7A9 !important;
    border:1px solid #C9B7A9 !important;
    color:#38382A !important;
    
}
.navbar-nav>li>a{
    font-family: 'Source Serif 4', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000000;

}

.footer-text, .footer-text>a{
    font-family: 'Source Serif 4';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #38382A;
}
li.menu-link > a:hover {
    color: #000;
    border-bottom: solid 2px #000 !important;
}
@media (max-width: 767px){
.flex {
    flex-direction: column;
}
    .items-center{
        align-items: start!important;
    }
}